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.cn

2、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的文件地址"

猜你喜欢

转载自blog.csdn.net/qq_25687271/article/details/127052297