基于window10的flutter环境搭建——Android studio 和 vs code两种方式

第一步： 下载flutter sdk

• Windows环境： 下载地址 （需要翻墙）

flutter 2.0.2稳定版版本地址

• 下载成功之后解压到相应的目录下（目录一定要记住），例如： 本机解压之后的flutter相对应的地址

 

第二步： 配置flutter到全局中

• 右键此电脑=> 属性 => 高级系统设置=> 环境变量。 打开环境变量配置
• 用户变量中找到path（没有则新建）： C:\flutter\bin （你电脑中装flutter的地址，注意： 一直到bin目录）
• 
• 用户变量中新建 PUB_HOSTED_URL ： https://pub.flutter-io.cn （临时镜像配置，不必须）
• 
• 用户变量中新建 FLUTTER_STORAGE_BASE_URL： https://storage.flutter-io.cn （临时镜像配置，不必须，建议配置）
• 
• 配置成功之后，win+r => cmd => 输入 flutter doctor 执行命令，查看结果（第一次运行时间可能较长）
• 出现下面第三个图的样子时，说明你的flutter已经配置到全局环境中

第三步： 下载Android studio 4.1.2 为例

• Android studio下载地址，此地址为国内镜像，不用翻墙
• 安装就下一步，正常一点就可以了，在config中可以直接找到插件下载，我就不卸载截图了。
• 下载成功之后安装flutter插件，系统会默认帮你下载dart，直接接受即可（可能会因为网络问题导致下载失败，失败多下载几次）
• 找到如下图的tools=> 进入下载sdk，按照下图所示把勾选下载（如果不下载sdkPlatform，可能会导致其他问题）
• 
• 
• 
• 
• 安装好后要装flutter插件
• 
• Android Studio4.1版本，执行fluttter doctor命令一直报

• [!] Android Studio (version 4.1)
      ✗ Flutter plugin not installed; this adds Flutter specific functionality.
      ✗ Dart plugin not installed; this adds Dart specific functionality.
  

  确定以及肯定的安装了这两个插件了，反复卸载重新安装，重启各种尝试就差卸载as了，百思不得其解，后来群友告知是as的问题，其实是ok的并不影响我们开发只是显示问题,可以忽略不计

• 

第四步：创建flutter项目

采用vscode 安装 flutter和dart

https://code.visualstudio.com/  vscode 官网

vscode下载链接

vscode汉化方法

1.打开vscode，按快捷键“Ctrl+Shift+P”出现一个搜索框。

2.输入“configure language”，然后回车，选择configure display language。

3.左边会出现插件包，选择中文版，然后install。

4.之后继续按快捷键“Ctrl+Shift+P”出现一个搜索框，选择“zh-cn”。

5.之后点击restart重启即可。

汉化完好后安装flutter和dart的插件

安装插件成功

 

vscode 启动虚拟机

vscode中使用快捷键command+shift+p 或者F1

 

在运行flutter run命令，这是才会把程序运行的模拟器；

运行成功