前言

发现有不少朋友被Flutter的环境安装卡住，要么是SDK或Android Studio下载太慢；要么环境变量始终设置不对；要么是Android Studio里的模拟器搞不定。总之在安装环境时遇到各种问题把想学习Flutter的热情给浇灭了。我是用Mac，但为了这篇文章特地装了虚拟机来跑windows，就想把被拦在门外的一颗颗心给拉回来。

下载必备软件

请注意本教程使用的系统是Win10 64位，请下载正确的版本。

• flutter_windows_1.22.4-stable.zip
• android-studio-ide-191.5977832-windows.exe
• MuMuInstaller_1.1.1.3_nochannel_zh-Hans_1605171219.exe
• VSCodeUserSetup-x64-1.51.1.exe

以上所有软件，我已经为大家上传到了115网盘中。请大家给个赞赞吧！

115.com/s/sw3c4kj3h… 访问码：g5d4

配置开发环境

请新手小白完全遵照我的设置大神请忽略

1：Flutter SDK

将flutter_windows_1.22.4-stable.zip解压缩，会得到一个名为flutter的文件夹。将此文件夹移动到C:\flutter。如图所示

然后你可以双击该目录下的flutter_console.bat

接着会自动打开一个命令提示符，我们输入flutter doctor会发现，flutter的命令已经可以在这里使用了。

但此时会提示我们还没有Android SDK，需要我们先安装Android Studio。

如果你已经安装过Android Studio但没有使用默认地址，仍会出现这个提示，所以请务必使用默认地址，使用自定义地址的同学请跳到后面查看进阶部分。

2：安装Android Studio

下载并安装android-studio-ide-191.5977832-windows.exe

安装完成之后，会默认勾选打开Android Studio

3：安装Android SDK等

打开Android Studio后 注意，这里选cancel

然后我们会看到Android Studio提示我们配置开发环境

本教程并不使用Android Studio来进行开发，随便选个UI主题

这个时候，才会去下载Android SDK，有一些人可能不可以直接使用Android Studio的模拟器，后面我们再教如何使用第三方的独立Android模拟器，现在先勾选上Android Virtual Device。

这里直接使用建议值

会有一个界面来提醒你刚才完成的选项都是些什么，直接点Finish

我们会进入到一个相对较长的下载安装过程，速度还可以，请耐心等待。

都安装完成后会看到如下画面，红框部分的提示，可能大家会有些差异。

4：在Android Studio中安装Flutter插件

完成上一步后会再次重新打开Android Studio，此时我们点击右下角的Configure

选择Plugins

然后搜索flutter，这里可能会比较慢，耐心等待吧。我在没有搭梯子的情况下，等了一会儿也出来了。

选择Install后会弹出提示说一堆废话，直接Accept

然后还会提示你这个Flutter插件依赖另一个Dart插件，当然是选Yes。

然后就会进入下载过程，等待下载完成后，会提示我们重新启动Android Studio。

我们也可以进入Installed（已安装）标签页确认一下

点击Restart IDE

5：Android模拟器

此时我们回到 1 ，双击运行C:\flutter里的flutter_console.bat 输入flutter doctor，我们会看到Android Studio前的惊叹号已经变成了✔️。但是仍然出现了一个×。

我们根据提示，输入如下命令flutter doctor --android-licenses

在这种界面里，通通输入 y 然后回车。一共是7个，数量不用在意，总之全部y直到我们看到All SDK package licenses accepted

我们再次输入flutter doctor

此时我们可以看到，flutter doctor需要验证的必备项已全部✔️（那个No Device Available暂时不用理会），不过此时flutter命令只能通过双击flutter_console.bat来运行。

6：设置环境变量

要随时打开命令提示符都可以使用flutter命令的话，我们就需要设置环境变量。

打开控制面板，进入用户账户\用户账户

点击更改我的环境变量

输入C:\flutter\bin然后回车，点确定，关掉控制面板。

此时我们再任意打开命令提示符，都可以使用flutter相关命令了

7：安装VSCode以及Flutter插件

安装VSCode没啥好说的，一路next，安装完成后打开VSCode，点击插件（扩展）面板

搜索Flutter并安装，同样的，安装好Flutter插件时会自动帮我们安装Dart插件。

使用第三方Android模拟器，运行Flutter项目

有很多人无法使用AVD Manager来创建android模拟器，要进BIOS设置之类的，网上有不少教程，这里教大家用另外一种方法，使用第三方的Android模拟器来运行Flutter项目，比如网易mumu模拟器。

1：创建一个Flutter项目

使用flutter create xxxxx（xxx是项目名称，自己任取）

回车后就会帮我们创建好一个Flutter项目模板，flutter pub get会从网络下载一些基础依赖库，这个时候大概率会停在这里（如果成功进行下去了，就忽略后面的环境变量配置）

1.1：配置镜像站环境变量

由于国内网络直连Google的服务都有问题，所以我们需要配置一下镜像站的地址。

打开控制面板，进入用户账户\用户账户，点击更改我的环境变量，然后我们选择新建

• 添加第一个：PUB_HOSTED_URL

https://pub.flutter-io.cn

• 添加第二个：FLUTTER_STORAGE_BASE_URL

https://storage.flutter-io.cn

添加完成之后，可能需要重启一次电脑

然后再次运行flutter create xxxxx应该是可以顺利创建成功了

如果等了很久还是不行，就ctrl+c取消，然后重新运行flutter create xxxxx...直到成功。如果还是不行，可在浏览器中访问 pub.flutter-io.cn 看看是否成功。我在编写教程时安装了数次，中间确实有一次一直就是pub get不成功，搞了2个多小时，能设置的环境变量换了个遍。最后就是不断取消，然后重新运行成功了。

2：运行Flutter项目到Android模拟器

使用VSCode打开这个文件夹，按F5运行。会发现没有Android模拟器，前面已经说过了，此篇文章是教大家如何使用第三方模拟器，比如网易mumu来调试Flutter应用

2.1：安装网易mumu模拟器

最好是直接全部通过，如果和我一样提示不支持VT-x，暂时先不管，点击仍要继续

等待网易mumu安装器下载完全体的安装包并等待安装完成后，会自动打开模拟器

点击右下方的屏幕旋转，切换为竖屏。然后打开命令提示符，cd到网易mumu模拟器的安装目录

cd C:\Program Files (x86)\MuMu\emulator\nemu\vmonitor\bin

adb_server.exe connect 127.0.0.1:7555

此时我们回到VSCode中，按下F5后就可以运行调试Flutter APP了

耐心等待Gradle task运行（耐心已欠费），由于网易mumu模拟器的Android内核版本是29，会提示我们需要在Android Studio中下载对应的内核API。打开Android Studio，点击欢迎界面右下角的configure，选择AVD Manager

随便选择一个设备型号，进入下一页选择API Level 29的内核下载

此时再回到VSCode中按下F5运行就可以成功在网易mumu模拟器中调试咱们的Flutter应用了

如果你在这一步遇到错误 [ERROR:flutter/shell/gpu/gpu_surface_gl.cc(58)] Failed to setup Skia Gr context. 在VSCode项目的terminal里使用如下命令启动项目

flutter run --enable-software-rendering

但是这个方法会导致无法Hot Reload，需要手动在terminal中输入r。

本文完

---

近期文章（感谢掘友的鼓励与支持🌹🌹🌹）