Flutter--配置

背景

新启动的项目，最近出的Fluter据说可以三端同步，IOS/Android/Web均可构建，而相比于原来的RN不稳定性，Beta版的Flutter更加靠谱点，而今年五月的Google IO大会更加期待Flutter的Release发布。

准备工作

Step1： 进入 https://flutter.io/setup-macos/ 下载地址，如下安装Flutter的操作系统应为：

• 64位的Mac Os
• 预留700M以上的磁盘空间
• 已经安装有Bash，mkdir，rm等命令

准备工作

Step2：

• 下载flutter_macos_v0.2.8-beta.zip文件
• 放到自定义的文件夹后，使用 unzip ~/Downloads/flutter_macos_v0.2.8-beta.zip命令，解压压缩文件
• 使用export PATH=`pwd`/flutter/bin:$PATH命令，将flutter的Command路径配置到环境变量中，让任何一个Termianl都可以使用

Step3：

• 配置完环境变量后，需要在$HOME/.bash_profile文件中添加export PATH=[PATH_TO_FLUTTER_GIT_DIRECTORY]/flutter/bin:$PATH，其中PATH_TO_FLUTTER_GIT_DIRECTORY也就是你解压完的SDK路径
• 使用vi修改完.bash_profile文件后，使用source $HOME/.bash_profile刷新当前窗口
• 使用echo $PATH验证flutter的路径是否已经配置完成

Step4：

• 使用flutter doctor检查当前环境是否满足Flutter的要求，如下图所示：

flutter doctor

Step5：

• 开始安装插件，在Mac的Android Studio中，找到Preferences->Plugin

Plugins

• 在Plugins下方有Browse Repositories，搜索Flutter插件，安装

Browse Repositories

• 下载完后，按下Restrart Android Studio重新启动Android Studio

Step6：

• 重启完Android Studio之后，可以在如下图所示的地方找到Flutter项目

Flutter Project

• 再创建时，配置之前下载的Flutter SDK路径，以及工程项目位置即可

配置SDK以及Project位置

• 最后，创建完的工程结构如下

项目结构