1. flutter SDK安装

git clone 官网稳定版本分支。 命令如下。
git clone https://github.com/flutter/flutter.git -b stable

clone flutter git仓库的好处是,如果想要体验flutter的最新实验性功能,直接切换分支同步远端代码即可。

flutter vscode 设置Android sdk flutter开发环境_Android

2. PATH环境变量配置

1. 点击 此电脑→ 高级系统设置 → 环境变量 打开环境设置面板

flutter vscode 设置Android sdk flutter开发环境_android_02

2. 在用户变量 path属性中添加 flutter bin文件地址,没有path则新建

flutter vscode 设置Android sdk flutter开发环境_flutter_03

3. 打开clone好的flutter目录,进入bin目录下,在打开的文件资源管理器顶端,复制bin目录的文件地址

flutter vscode 设置Android sdk flutter开发环境_flutter_04

4. 编辑path环境变量,点击新建,输入复制的flutter bin目录地址。点击确定

flutter vscode 设置Android sdk flutter开发环境_flutter_05

5. 新建一个终端 输入flutter doctor ,

flutter命令已经可以成功运行

flutter vscode 设置Android sdk flutter开发环境_android_06

3. android studio 设置

1.Android SDK 安装

按照好 android studio后,进入 Settings 中, 查找 SDK , 安装 Android SDK

flutter vscode 设置Android sdk flutter开发环境_Android_07

2. flutter 插件安装

在Plugins 插件选项中搜索flutter插件并安装

flutter vscode 设置Android sdk flutter开发环境_flutter_08

3. 执行 同意安卓许可
1.安装cmdline-toos

android studio 设置中打开Android SDK ,在 SDK tools中 选中 Command-line tools点击确定安装。

flutter vscode 设置Android sdk flutter开发环境_android_09

2.新建一个终端,执行如下命令

flutter doctor --android-licenses 一步一步输入 y 同意协议

flutter vscode 设置Android sdk flutter开发环境_flutter_10

flutter vscode 设置Android sdk flutter开发环境_flutter_11

3.新建一个flutter项目

安装好 flutter插件后,我们点击新建项目时,可以看到出现了 新建flutter 项目的选项

flutter vscode 设置Android sdk flutter开发环境_android_12

点击新建, Flutter SDK 路径,选择我们clone好的 flutter目录地址

flutter vscode 设置Android sdk flutter开发环境_flutter_13

输入项目名称后,完成创建。注意:项目名称禁止出现短横线,可以通过 下划线来连接,例如 flutter_demo

4. 新建一个安卓模拟器

打开模拟器设备管理器,选择设备类型。点击下载安装。

flutter vscode 设置Android sdk flutter开发环境_flutter_14

模拟器安装完成后,启动项目如下

flutter vscode 设置Android sdk flutter开发环境_android_15

4. VSCode设置

1. 插件中搜索安装flutter 、 Dart支持

flutter vscode 设置Android sdk flutter开发环境_flutter_16

2.ctrl shift + p 选择新建flutter项目

flutter vscode 设置Android sdk flutter开发环境_Android_17

选择 Application

flutter vscode 设置Android sdk flutter开发环境_android_18

创建项目成功后,编辑器右下角选择一个要运行的设备,这里选择已经安装好的安卓模拟器

flutter vscode 设置Android sdk flutter开发环境_android_19

按 f5启动如下

flutter vscode 设置Android sdk flutter开发环境_Android_20

5.添加windows端支持

1. 下载Visual Studio

flutter vscode 设置Android sdk flutter开发环境_Android_21

安装时,勾选 使用C++进行桌面开发

flutter vscode 设置Android sdk flutter开发环境_Android_22

Visual Studio 安装完成重启电脑后,我们打开一个终端执行flutter doctor进行flutter环境检查

flutter vscode 设置Android sdk flutter开发环境_Android_23

最后一个不影响使用,暂可不用处理。感兴趣的朋友可以参照这篇文章方法尝试处理。

2.vscode 打开flutter项目,右下角设备选项中,点击选择windows (desktop)

flutter vscode 设置Android sdk flutter开发环境_android_24

F5运行项目后如下

flutter vscode 设置Android sdk flutter开发环境_Android_25

到这里,我们已经初步构建好一个 windows下的flutter开发环境。

疑似flutter doctor hTTP host availability 检查出错解决方案:


flutter vscode 设置Android sdk flutter开发环境_android_26