一份完整的Android Studio搭建Flutter教程

 MrHorse1992 关注

 1.6 2018.07.12 10:10* 字数 581 阅读 15774评论 6喜欢 67

---

1 下载Flutter开发包

Flutter开发SDK使用git克隆仓库下载。至于git的使用不是本篇文章介绍的内容，不熟悉git的请移步git使用详细教程
在git命令行下输入如下命令：

git clone -b alpha https://github.com/flutter/flutter.git

注意: Flutter的下载路径要全英文并且路径不能有空格！
执行完命令后等待下载即可。

---

2 配置环境变量

在系统环境变量path中添加刚刚下载的Flutter的路径。将bin文件路径添加至path中
win7添加效果：

 

 

由于笔者没有使用Win7系统，win7效果图是网上找的，其Flutter下载路径在d盘，我的下载路径是放在c盘的，请读者根据个人目录设置。
win10效果：

 

---

3 windows命令行cmd中执行Flutter doctor命令

Flutter doctor 会自动检测当前开发环境配置，并且自动下载欠缺的文件。下载过程相对耗时。尤其对于国内用户有时还是出现下载失败情况。
笔者也是尝试多次才执行命令才成功。

安装成功后效果：

 

---

4 Android Studio安装Dart插件

打开Android Studio -> File -> Settings -> Plugins
搜索Dart插件 在右侧点击Install即可。
安装后效果：

 

同样的步骤搜索Flutter插件安装即可，安装完成效果：

 

---

5 创建Flutter项目

插件安装完成后，重启Android Studio新建项目会发现增加了创建Flutter项目的选项。

 

然后就一路Next，最后finish即可。

注意：对于国内开发者创建项目可能会卡在Create Flutter .. 底部显示 building Symbols...状态。
查看Console会提示Got socket error trying to find package at http://pub.dartlang.org

解决办法：
在系统环境变量中新建名为PUB_HOSTED_URL 值为https://pub.flutter-io.cn 的环境变量和新建名为FlutteR_STORAGE_BASE_URL值为
https://storage.flutter-io.cn的环境变量。然后重新打开项目即可。

win7添加后效果：

 

win10添加后效果：

 

 

---

6 运行项目

点击运行按钮即可安装Flutter程序。

 

到此开发环境搭建完毕。

文