【Flutter 1-2】在 Windows 10下配置Flutter开发环境

在 Windows 10下安装Flutter+Dart+Android Studio 配置Flutter开发环境

配置环境变量

因为部分网站被墙的缘由，咱们须要先配置Flutter国内镜像地址，这两个地址是由Flutter官方维护的，能够放心使用
首先咱们找到此电脑点击右键，而后点击属性

而后点击高级系统设置

点击高级而后找到下面的环境变量并点击

点击新建

变量名输入PUB_HOSTED_URL 变量值输入 https://pub.flutter-io.cn 而后点击肯定

继续点击 新建
变量名输入FLUTTER_STORAGE_BASE_URL 变量值输入 https://storage.flutter-io.cn 而后点击肯定

到这里须要的环境变量就配置完成了

开始安装Flutter

• 下载安装文件并解压缩

点击进入官网下载须要的版本
若是不能打开该网站，可去个人网盘去取版本是1.22.0 提取码: awjy
下载完成后在新建一个文件夹解压缩，我这里选的是C:\src\flutter
解压成功以后，咱们须要将Flutter也配置到环境变量中，flutter文件夹下的bin目录路径(我这里是C:\src\flutter\bin)配置到环境变量中。打开配置环境变量的步骤参考 上面的步骤配置环境变量
双击Path来添加

将C:\src\flutter\bin配置进去

• 运行 flutter doctor

将路径配置以后咱们打开 终端工具PowerShell 输入 flutter doctor查看还有哪些须要配置。flutter doctor是Flutter官方提供的用来检测当前Flutter配置环境的工具，能够快速的帮咱们发现问题。
运行以后咱们会看到输出以下:

很明显咱们还须要安装 Android Studio，Andriod Studio是Flutter官方支持的IDE工具。
去Andriod Studio 官网下载下载完成后，一路Next安装完成，而后启动Android Studio，第一次安装默认会安装不少依赖，这个等慢慢安装就能够了。
启动以后点击File->Settings

找到Plugins在输入框内输入Flutter点击安装

安装Flutter的时候默认会要求安装Dart

安装后重启 Andriod Studio

而后咱们把Android SDK路径配置到系统变量里面
咱们先找到File->Other Settings->Default Project Structure..并点击

找到SDK的路径

进入到文件下找到SDK文件夹有一个platform-tools的文件夹，复制这个路径添加到系统Path中
变量名是ANDROID_HOME

这时候咱们再执行一次 flutter doctor

如今咱们只须要再执行一次 flutter doctor --android-licenses 弹出的提示选择y或者是直接回车便可。
而后再运行一次flutter doctor已经没有错误提示了。
这样咱们的Flutter的环境就配置完成了。

安装Android 模拟器

打开Android Studio 找到右上角的AVD Manager并点击

点击Create Virtual Device... 选择一个咱们须要须要安装的模拟器，而后点击Next

在配置页面选择Hardware - GLES 2.0

新建Flutter项目并运行

点击Android Studio 里面的 File->New->New Flutter Project
新建项目并打开
选择咱们刚刚安装好的模拟器，而且点击运行 就能够看到效果啦！

可能会遇到的问题

在执行 flutter doctor --android-licenses出现如下错误

须要咱们手动安装Android SDK Platform-Tools
打开Android Studio 点击File->Settings->Android SDK找到Android SDK Platform-Tools安装便可！

---