flutter开发环境搭建与android studio 安装配置

flutter开发环境搭建与android studio 安装配置

安装 android studio

  • 下载安装 Android Studio 开发工具 Android Studio官网
  • 安装的时看到配置路径就换成自己其他盘的路径即可,其他的一路下一步就ok
  • 安装完毕,运行打开缺少 android sdk 按照提示下载即可,但是网络原因可能长时间卡着不动,那么就需要执行下面的一步了
    在这里插入图片描述

无法下载 android SDk 配置服务器代理ip

  • 网站检测 https://ping.chinaz.com/
  • 在当前网站中输入 dl.google.com
    在这里插入图片描述
  • 查看检测结果,根据自己所在地区或近距离ip以及可以成功的响应ip
    在这里插入图片描述

配置hosts文件 C:\Windows\System32\drivers\etc\hosts

在这里插入图片描述

  • 前面是上面复制的ip地址后面是固定域名 220.181.174.225 dl.google.com
    在这里插入图片描述
  • ping dl.google.com 检测是否可以响应
    在这里插入图片描述
  • 出现所需要的配置
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
  • 下载完毕
    在这里插入图片描述
  • 可以看到sdk安装到了c盘下 不要学我自己换个其他盘路径(安装到了C盘也不用慌后面可以改自己搜一下百度我帮你交过钱了)
    在这里插入图片描述

flutter sdk下载以及环境配置

flutter官网下载sdk
在这里插入图片描述

  • 下载并解压
    -在这里插入图片描述

  • 系统变量配置

  • FLUTTER_HOME=D:\work\work-Software\flutter
    在这里插入图片描述
    在这里插入图片描述

  • 检查 flutter sdk是否安装成功 新建控制台输入 flutter
    在这里插入图片描述

flutter doctor 开发环境诊断与搭建

  • 当前自己电脑flutter环境存在什么问题依次解决即可,没有直接跳过,本文未有的报错可以上百度搜索我帮你付过钱了
  • 当前电脑配置诊断 flutter doctor
    • 此处 flutter sdk安装成功 但是有警告,因为在此之前安装了 dart的SDK,需要清除配置的dart环境变量
      在这里插入图片描述

cmdline-tools component is missing cmdline工具组件丢失

  • 此处 Android工具链还有问题
  • 解决:
    在这里插入图片描述

Android license status unknown Android许可证状态未知

  • 解决:输入命令后出现很多协议每个都选择 y即可
    在这里插入图片描述

Windows Version (Unable to confirm if installed Windows version is 10 or greater) 报错

在这里插入图片描述

  • 找到当前文件进行修改 flutter_windows_3.7.5-stable\flutter\packages\flutter_tools\lib\src\windows\windows_version_validator.dart
// Copyright 2014 The Flutter Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.

import 'package:process/process.dart';

import '../base/io.dart';
import '../doctor_validator.dart';

// FIX #1 - Remove everything from line 10 to 20 in original source code.

/// Validator for supported Windows host machine operating system version.
class WindowsVersionValidator extends DoctorValidator {
  const WindowsVersionValidator({required ProcessManager processManager})
      : _processManager = processManager,
        super('Windows Version');

  final ProcessManager _processManager;

  @override
  Future<ValidationResult> validate() async {

// FIX #2 - Replace 'systeminfo' by 'ver' command
    final ProcessResult result =
        await _processManager.run(<String>['ver'], runInShell: true);

    if (result.exitCode != 0) {
      return const ValidationResult(
        ValidationType.missing,
        <ValidationMessage>[],
        statusInfo: 'Exit status from running `systeminfo` was unsuccessful',
      );
    }

    final String resultStdout = result.stdout as String;

// FIX #3 - Remove brackets from output
    final String resultAdjusted = resultStdout.replaceAll('[','').replaceAll(']','');

// FIX #4 - Split the output at spaces, and get Windows version at position 3.
//          Split again at dots and get the major version at position 0.
//          Cast the output to int.
    final int winver = int.parse(resultAdjusted.split(' ').elementAt(3).split('.').elementAt(0));

    // Use the string split method to extract the major version
    // and check against the [kUnsupportedVersions] list
    final ValidationType windowsVersionStatus;
    final String statusInfo;

// FIX #5 - Check if Windows major version is greater than 10.
//          Succeeds if true.
    if (winver >= 10) {
      windowsVersionStatus = ValidationType.installed;
      statusInfo = 'Installed version of Windows is version 10 or higher';
    } else {
      windowsVersionStatus = ValidationType.missing;
      statusInfo =
          'Unable to confirm if installed Windows version is 10 or greater';
    }

    return ValidationResult(
      windowsVersionStatus,
      const <ValidationMessage>[],
      statusInfo: statusInfo,
    );
  }
}
  • 删除文件 flutter_windows_3.7.5-stable\flutter\bin\cache\flutter_tools.stamp
  • 重新检测

Android toolchain - develop for Android devices 报错

  • 配置你自己存放sdk的位置: flutter config --android-sdk D:\Android\SDK

Android toolchain - develop for Android devices (Android SDK version 34.0.0) 报错

  • 下载 Android SDK Command-line Tools (latest)

在这里插入图片描述

  • 执行 flutter doctor --android-licenses 在这里插入图片描述

Visual Studio - develop for Windows 报错

  • Visual Studio not installed; this is necessary for Windows development. Visual Studio未安装;这对于Windows开发是必要的
  • 这个就不管了目前没有开发pc应用端的需求
  • 如果你有需求可以看我的这篇文章:flutter windows 应用开发相关配置

JAVA 环境配置

  • 这个没写呢自己上百度搜一下我帮你付过钱了

创建一个空项目

  • 第一次创建项目会自动下载 Gradle 下载需要一些时间
  • 可以通过 android studio 进行创建
  • 或者使用命令进行创建 flutter create projectname
    在这里插入图片描述
  • 选择flutter sdk 版本
    在这里插入图片描述
  • 填写项目名称 以及项目存放路径 最重要的是选择需要的运行的环境
    在这里插入图片描述
  • 下载依赖
    在这里插入图片描述

打包 android 安装包

  • 通过 android studio 进行打包
  • 或者使用命令进行打包 flutter build apk||flutter build apk --debug
    • 正式包位置 \build\app\outputs\flutter-apk\xxx.apk
    • 测试包位置 \build\app\outputs\flutter-apk\app-debug.apk
      在这里插入图片描述
  • 打包成功
    在这里插入图片描述

模拟器的使用

创建模拟器

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

模拟器启动出现问题 (没有出现的直接跳过)

  • 报错详情 等待设备时出错:等待仿真器上线300秒后超时
Timed out after 300seconds waiting foremulator to come online.

在这里插入图片描述

  • 参考大佬解决方案:https://stackoverflow.com/questions/36675654/error-while-waiting-for-device-time-out-after-300seconds-waiting-for-emulator-t
  • 问题原因:
    • 1.首先排除了网络原因,我用本地网络,而且使用了魔法,依然无效
    • 2.系统问题,系统没有开启虚拟服务
      在这里插入图片描述
    • 查看自己电脑是否开启了 Hyper-V 没有开启则需要手动开启在这里插入图片描述- 报错详情:模拟器运行终止
The emulator process for AVD Pixel 3a XL API 26 has terminated.

参考大佬解决方案:https://blog.csdn.net/qq_55773476/article/details/124665613
我的确是C盘爆了导致的问题(已解决)
在这里插入图片描述

使用安卓模拟器运行 flutter 项目

  • 使用android studio 界面运行 flutter
    在这里插入图片描述
  • 使用命令运行
    • flutter devices 查看在线设备
      在这里插入图片描述
    • flutter run -d emulator-5554 运行到 emulator-5554 模拟器
    • flutter run -dall 运行到 当前展示的所有端

在下载flutter项目使用的依赖插件时下载超时 配置flutter镜像 解决

在这里插入图片描述

  • 将flutter镜像配置到系统环境变量中 (不推荐设置临时环境变量)
    • PUB_HOSTED_URL
    • https://pub.flutter-io.cn

在这里插入图片描述
- FLUTTER_STORAGE_BASE_URL
- https://storage.flutter-io.cn
在这里插入图片描述

flutter项目在VScode上进行开发

  • 必备插件
    在这里插入图片描述
    在这里插入图片描述

android studio 开发flutter 项目 插件推荐 (我一般用vscode进行开发 android studio 运行代码)

  • flutter 和 dart
    在这里插入图片描述
  • flutter doctor 在此进行检查
    在这里插入图片描述

adb命令无法使用 (可以忽略不用)

在这里插入图片描述

  • 配置环境变量
    在这里插入图片描述
    在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

  • 成功
    在这里插入图片描述

  • 在android编辑器中端中使用 abd命令出现问题
    在这里插入图片描述
    关闭编辑器在重新打开
    在这里插入图片描述

  • 8
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值