【Flutter】环境搭建（Windows+Android Studio 3.6.1）

最近参加的项目需要用到Flutter框架进行iOS/Android双端开发，然而第一步环境搭建的过程就忙活了一整个晚上，直到现在终于有时间静下心来整理一下搭建过程中遇到的困难。

0x00 Flutter SDK下载

笔者所处的网络环境并不允许笔者以正常的速度从官网或Github上获取SDK，对于同样的情况，这里推荐两种解决方案。

①　　借助迅雷，将官方的下载链接拷贝到迅雷中新建下载，p2p下载在这种情况下具有比较大的优势。

②　　从国内镜像获取资源，这里推荐清华大学的镜像：

https://mirrors.tuna.tsinghua.edu.cn/flutter/flutter_infra/releases/stable/windows/

 

0x01 Flutter Doctor

将下载完的SDK解压至一个低权限的目录，然后双击运行flutter/目录下的flutter_console.bat脚本

 

 

 在命令提示符后输入flutter doctor，该指令将自动对本机flutter相关的配置进行检测，如果想要在任意的shell执行flutter命令，可以将flutter/bin目录添加至环境变量

 笔者在第一次执行flutter doctor时遇到了如下的错误：

（图源网络）

解决方案：https://www.cnblogs.com/drperry/p/13443325.html

主要是由于JDK版本过高而导致的，Java8之后发布的JDK版本砍掉了许多库，另下载Java8并重新设置系统环境变量即可解决问题

但如果希望使用更高版本的Java并且愿意折腾的，可以参考如下的链接：

https://blog.csdn.net/jia__/article/details/92620921

 

0x02 Android Studio插件安装

想要在Android Studio新建Flutter项目就需要安装Flutter插件，而Flutter插件又依赖于Dart插件，可以通过File->Settings->Plugins,直接在Marketplace搜索flutter插件，选择安装后将自动提示用户安装Dart插件。

然而同样时受到网络环境的限制，笔者根本无法通过Android Studio访问到Marketplace，所以这里推荐直接在jetbrains的官网上下载插件的压缩包导入Android Studio内，网址如下：

https://plugins.jetbrains.com/search

输入flutter后进行下载

 

这里注意一定要参考自己的Andorid Studio版本下载对应版本的插件，不然将会无法导入：

 

 

 

 同样的方法下载Dart插件，然后在AS内的Plugins界面选择导入刚刚下载的插件包

 

 

 完成上述操作后在控制台输入flutter doctor将得到如下的结果：

 

 

显示AS的配置已经成功。

 

0x03 新建Flutter项目

插件导入后需要重启AS，随后直接选择File->New->New Flutter Project新建Flutter项目

选择Flutter Application后进入下一步，指定项目名称、目录以及flutter SDK的路径，即第一步中解压SDK的位置，下一步后点击Finish将开始读条“Creating Flutter Project“。

笔者在第一次新建项目时在这个读条界面等了很久都没有成功，后来了解到AS在这一步需要向Flutter的服务器请求资源，然而显然笔者所处的网络环境再一次阻止了这样的行为。

事实上谷歌官方也为中国大陆的开发者准备了境内的临时镜像，只要在环境变量中添加这样两条即可：

 

完成后重新创建项目，等待数秒后将完成项目的创建。

随后使用USB或局域网的方式连接安卓设备进行调试就可以体验Demo中演示的hot reload功能了！