较详细的 Flutter 环境搭建笔记( windows )(含常见错误)

1 设置环境变量

由于国内访问Flutter可能受限，Flutter官方为中国开发者搭建了临时镜像，设置如下路径到用户环境变量中，在控制台运行以下命令：

set PUB_HOSTED_URL=https://pub.flutter-io.cn

set FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

上述镜像并不能保证一直可用，可参考网址Using Flutter in China | Flutter查看镜像最新动态。

然后在【控制面板>用户帐户>用户帐户>更改我的环境变量>用户变量】下检查一下，是否成功加上了这两个路径，没有的话手动添加。

2 安装Git

安装Git for Windows，并确保命令提示符或PowerShell中能正确运行Git命令（具体安装过程略）。

3 下载其Flutter安装包

去Flutter github项目下载安装包 https://github.com/flutter/flutter/releases，然后解压到一个权限较低的路径如C:\src\flutter，避免高权限路径如C:\Program Files\。

注意要用git下载，不要直接下载压缩包，后面操作需要关联git，可在控制台运行命令：git clone -b stable https://github.com/flutter/flutter.git。

4 运行flutter命令行

在Flutter安装目录下双击flutter_console.bat运行flutter命令行。

5 设置环境变量

在【控制面板>用户帐户>用户帐户>更改我的环境变量>用户变量】下检查是否有名为“Path”的条目，追加flutter\bin的全路径C:\src\flutter\flutter-master\bin。

6 运行flutter doctor

运行flutter doctor命令，检测环境的安装情况，Dart SDK已被捆绑在Flutter里，不需要单独安装。来看看我的检查结果：

7 安装Android Studio

按提示安装Android SDK，先安装Android Studio（谷歌推出的Android集成开发工具），官网提供的地址https://developer.android.com/studio/index.html需要翻墙，所以可移步地址下载 Android Studio 和应用工具 - Android 开发者  |  Android Developers进行下载，无需翻墙，双击安装，无脑下一步，直到安装进度条的出现：

完成后启动Android Studio，执行“Android Studio安装向导”，这将安装最新的Android SDK，如果遇到提示unable to access android sdk add-on list不要慌，点cancel，然后继续下一步，期间勾选Virtual Device，然后开始安装。

8 执行命令flutter doctor --android-licenses

再次运行flutter doctor命令，报错：

Android license status unknown Try re-installing or updating your Android SDK Manager

执行命令：

flutter doctor --android-licenses

如果遇到如下报错：

Exception in thread "main" java.lang.NoClassDefFoundError: javax/xml/bind/annotation/XmlSchema

可参考文章：- 豌豆ip代理（转）

9 在开发工具中安装flutter插件：

再次运行flutter doctor命令：

提示：

[!] IntelliJ IDEA Community Edition (version 2019.1)

    X Flutter plugin not installed; this adds Flutter specific functionality.

    X Dart plugin not installed; this adds Dart specific functionality.

[!] VS Code (version 1.36.1)

    X Flutter extension not installed; install from

      https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter

[!] Connected device

    ! No devices available

含义比较清晰，一个是关于开发工具IDEA的，一个是关于开发工具VSCode的。显然flutter检测到了本机安装的IDE，并给出提示。这里使用哪个开发工具都可以，如果打算使用VSCode开发Flutter，那么按照提示打开VSCode下载并安装flutter插件就可以了（这里我将两个IDE都安装好了）。

Ok！安装完毕以后，再次检测，发现原来的叉叉变成对号啦！

最后一条提示没有连接设备，所以如果想用真机测试开发，连上设备就好啦！