Flutter开发环境搭建

​ 工欲善其事,必先利其器

全球互联

Flutter谷歌的，因为国内的某些原因，没办法正常访问或者下载一些依赖的，这时候一个能访问墙外的网络就尤为重要，你们懂得。

可以自己去买服务器搭建，在这里不做另外说明，推荐一篇搭建教程：https://www.shen.ee/article/45273.html

我主要说下服务器，最近Vultr被墙的厉害，所以大家还是换个，我目前用的 DO还是很不错的。地址：https://m.do.co/c/dcde442ba814

首先咱们可以通过某宝买个github学生认证，除了拥有了私有仓库外。免费的IDE正版使用等等，其实还有一大堆福利：

上图中间就是DO免费的50美元优惠券了。另外通过上面DO链接注册完成paypal绑定支付5美金后，还会赠送100美元信用金余额，可以购买服务器。美滋滋。

安装JAVA

其实跟我之前写的那篇文章类似，只是现在系统变成了Windows，CentOS 7 安装 JAVA环境（JDK 1.8）

下载地址：https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

如图，请记得点击 接受许可协议。

安装一路回车就好，安装完会自动弹出安装 JRE的程序，安装就好。安装完成后，打开cmd执行 java，出现下图的结果，即表示安装成功。

安装FLutter SDK

目前已经出了稳定版，咱们选择 Stable channel V1.0.0版本下载即可。
下载地址：https://flutter.io/docs/development/tools/sdk/archive?tab=windows#windows

下载完成后解压再你想要安装的目录，例如D:fluterflutter ，这个随意，但是不要安装到需要权限高的路径。

配置环境变量

电脑上计算机右键属性，依次打开

在Path里添加你的Flutter SDK的安装目录的bin目录，例如我的在 E:Flutterflutterin 那么在Path里新建一个值为 E:Flutterflutterin的环境变量保存即可。

配置完成，可以在cmd执行下 flutter检测的命令

flutter doctor

然后发现好多错误，不着急，先忽略这里往下看。

[√] Flutter (Channel stable, v1.0.0, on Microsoft Windows [Version 10.0.17134.472], locale zh-CN)
[X] Android toolchain - develop for Android devices
    X Unable to locate Android SDK.
      Install Android Studio from: https://developer.android.com/studio/index.html
      On first launch it will assist you in installing the Android SDK components.
      (or visit https://flutter.io/setup/#android-setup for detailed instructions).
      If Android SDK has been installed to a custom location, set $ANDROID_HOME to that location.
      You may also want to add it to your PATH environment variable.

[√] Android Studio (version 3.2)
    X Flutter plugin not installed; this adds Flutter specific functionality.
    X Dart plugin not installed; this adds Dart specific functionality.
[!] Connected device
    ! No devices available

! Doctor found issues in 2 categories.

安装Android Studio

下载地址：https://developer.android.com/

进入后往下拉，点击下载

下载完成后还是一路Next，它会自动安装Android SDK，到最后下载组件时会很慢，因为要去Google下载很多东西，所以你如果没有梯子，还是算了吧。

安装Flutter插件

安装成功后，打开设置

选择 Browse repositories 搜索 flutter 然后安装，安装时会弹窗提示你自动安装Dart同意即可。

安装完成后，重启Android Studio。

重启完成后再次输入检测命令

flutter doctor

这次可以明显看到错误少了

根据提示执行如下命令，接下来的提示全部输入 Y

flutter doctor --android-licenses

安装AVD虚拟机

接下再次执行flutter doctor可以看到就一个 No devices available的警告了，因为咱们虚拟机还没安装，接下来咱们打开Andorid Studio新建一个 Flutter的项目。

选择Flutter 应用

填写一些项目配置信息

接下来设置包名

打开工具导航栏的选择 Tools => AVD Manager创建一个虚拟机

选择你想要的虚拟机类型然后下一步

接下来选择系统版本，这里就用最新的9.0，先点击Download下载然后在安装，这个过程可能会很慢。安装完成后，打开运行按钮即可运行起来了。

运行Flutter项目

打开我们刚刚创建的那个Flutter项目，点击debug开始编译(会比较慢)

至此Flutter开发环境就搭建完成了。

VS Code编写Flutter

首先安装Flutter插件，会自动安装Dart插件，安装完成重启即可。

快速开启虚拟机

1.找到emulator.exe这个程序文件路径，emulator目录下的。例如：E:AndroidSdkemulatoremulator.exe
2.打开Android Studio，查看你的AVD虚拟机名称，例如：Nexus 5X API 28
3.新建一个.bat文件，名字自己随意起，内容如下：

E:AndroidSdkemulatoremulator.exe -netdelay none -netspeed full -avd Nexus_5X_API_28

参数说明：

• -netdelay none :设置模拟器的网络延迟时间，默认为none，就是没有延迟。
• -netspeed full: 设置网络加速值，full代表全速。

以后编写Flutter项目，运行这个bat文件即可快速打开虚拟机。

VSCode实时自动编译快捷键：F5

本文章是在阅读胖哥（技术胖）Flutter免费教程整理而来，算是自己做了个备份。