VSCode 安装Flutter 教程

第一步下载flutter

https://docs.flutter.dev/development/tools/sdk/releases#windows

第二部配合环境变量

1、官方文档的是Linux的下载方法
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn2、window的用户直接将下面的添加到环境变量中
PUB_HOSTED_URL=https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn注意：这两个环境变量一定要加，否则可能导致后面 flutter doctor 命令连接不上服务

第三步下载Flutter SDK

AndroidDevTools - Android开发工具 Android SDK下载 Android Studio下载 Gradle下载 SDK Tools下载

1.下载对应环境sdk

2.配置全局环境变量

3.检查是否安装成功

flutter --version 查看是否安装成功
flutter -h  能够展示指令，表示安装配置成功

4.检测运行环境是否完整

flutter doctor

第四步下载Android Studio

AndroidDevTools - Android开发工具 Android SDK下载 Android Studio下载 Gradle下载 SDK Tools下载

安装sdk 和工具，解决flutter doctor 报错

打开 android studio -> tools -> sdk Manager

安装android sdk 并设置安装位置，之后耐心等待安装即可

等安装好后，添加环境变量

变量名：ANDROID_HOME变量值： D:\software\android_sdk

在配置全局环境变量 path

%ANDROID_HOME%\platform-tools%ANDROID_HOME%\tools

需要解决visual studio的问题，官网下载visual studio, 在安装的时候勾选如下

第五步配置虚拟器(主要用的是android studio的模拟器)

在 andrioid studio 中添加一个虚拟机
在桌面新建一个.bat的文件，在文件里面添加如下命令，即可启动虚拟设备

D:\software\android_sdk\emulator\emulator.exe -netdelay none -netspeed full -avd Pixel_4_API_30//emulators所在位置 D:\software\sdk-tools-windows\tools\emulator.exe
//虚拟设备的名称  Pixel_4_API_30

第六步问题小结

1.flutter run 报错，需要以--no-sound-null-safety 模式运行才不会报错

 flutter run --no-sound-null-safety -d chrome

2.很多问题都是flutte的sdk版本不对报错。可以切换版本

a.进入到相对应的flutter的文件下

git checkout 2.2.0

b. cannot find JAVA_HOME
下载和安装Java Downloads | Oracle

配置环境变量 JAVA_HOEM

C. Android Studio (not installed)

flutter config --android-studio-dir="你的android studio的文件地址"