flutter vscode安装环境配置

最好翻梯子，不然很多东西下载不了，容易失败
所需资源：flutter ★ java jdk ★ Android SDK ★ 夜神模拟器
注意：因为用vscode开发，所以就不安装android studio，直接用sdkmanager安装依赖

1、安装flutter

1.1 下载安装包 （Stable channel (Windows)最新版本）

下载地址
https://flutter.dev/docs/development/tools/sdk/releases#windows

1.2 安装（下载的是压缩包，无需安装，直接解压到固定位置即可）

我是放在D盘根目录
D:\flutter
注意：D:\flutter  要在这个路径下找到bin文件夹

1.3 设置环境变量(我都是设置在用户变量里面，也可以设置在系统变量)

1. 当前设置是为了不管在哪里开启命令行，都能执行flutter命令，比如 flutter doctor
修改用户变量 Path 增加 D:\flutter\bin
2. 由于在国内访问Flutter有时可能会受到限制，Flutter官方为中国开发者搭建了临时镜像，大家可以将如下环境变量加入到用户环境变量中：
新增用户变量 PUB_HOSTED_URL：https://pub.flutter-io.cn 
新增用户变量 FLUTTER_STORAGE_BASE_URL：https://storage.flutter-io.cn

1.4 检测是否安装成功

** 在命令提示符或PowerShell窗口中运行此命令。目前，Flutter不支持像Git Bash这样的第三方shell。
打开命令行
运行  flutter doctor

flutter 前面有个对钩说明安装成功

2、安装java jdk

2.1 下载安装包

下载地址，注意下载需要先注册
https://www.oracle.com/java/technologies/javase/javase-jdk8-downloads.html

2.2 安装

1. 安装到D盘java文件夹
** 只有一个安装包，里面会让你选择两次安装路径，第二次jre不安装

不安装，直接关闭

2.3 配置环境变量

修改用户变量 Path 增加 %JAVA_HOME%\bin
新增用户变量 JAVA_HOME：D:\java

2.4 检测是否安装成功

java -version

image.png

3、安装Android SDK

3.1 下载安装包

下载地址
https://developer.android.com/studio
注意：不用下载android studio，直接下载sdkmanager

image.png

3.2 安装

1. 解压到随便一个文件夹，打开bin文件夹
当前文件夹运行此命令
$ sdkmanager --sdk_root=d:\Android\SDK "cmdline-tools;latest"
然后会在D盘生成d:\Android\SDK文件夹

3.3 配置环境变量

修改用户变量 Path 增加 %ANDROID_HOME%\cmdline-tools\latest\bin
新增用户变量 ANDROID_HOME：D:\Android\SDK

3.4 安装依赖

1.检测查看已安装的和可以安装的列表
$ cd D:\Android\SDK\cmdline-tools\latest\bin
$ sdkmanager --list
2. 安装
根据列表下载包，我这里是下的安卓30，执行sdkmanager "platform-tools" "platforms;android-30" "build-tools;30.0.3"
3. 配置依赖环境变量
修改用户变量 Path 增加 %ANDROID_HOME%\platform-tools
修改用户变量 Path 增加 %ANDROID_HOME%\build-tools

3.5 检测安装成功

android -h

image.png

4、创建项目运行

$ flutter create productName
$ cd productName
$ flutter run

5、夜神模拟器运行

1. 安装夜神模拟器
2. 修改用户变量 Path 增加 D:\Nox\bin
3. 配置端口(记得先开启夜神模拟器)
$ cd D:\Nox\bin
$ nox_adb.exe connect 127.0.0.1:62001
4. 打开vscode,按F5运行项目

注意：如果项目不能连接
解决方法： 查看一下android sdk 目录中 adb 版本 是否与夜神模拟器版本一致 使用命令 adb version 查看 如下
$ cd D:\Android\SDK\platform-tools
$ adb version

$ cd D:\Nox\bin
$ nox_adb version

对比一下版本号，如果版本号不一样，则
1、关掉AS和夜神模拟器。adb.exe以及nox_adb.exe这2个进程结束掉。
2、找到SDK的目录和夜神模拟器的目录，将SDK目录下的adb.exe文件，复制到夜神模拟器的目录下，因为夜神模拟器目录下原本的adb文件名字叫做nox_adb.exe，因此复制过去之后也得改名为nox_adb.exe。

修改好以后重复上面第3-4步

6、创建快速启动脚本

夜神模拟器如果懒的每次配置端口，可以创建一个xxx.bat文件，输入以下代码
（注意路径，填写自己模拟器安装路径）
@echo off
cd D:\Nox\bin
nox_adb.exe connect 127.0.0.1:62001
pause
然后双击就可以运行

image.png

7、vscode安装插件

在vscode运行flutter需要安装插件：flutter  Dart
只要安装flutter插件，自动会安装Dart插件

image.png

☯ 配置中可能出现很多问题，我这是列出其中部分，如果出现其他问题，请自行百度