前言
各位老铁,上周末参加了深圳的GDG,在大会上腾讯的小哥哥接过Google在I/O大会上的接力棒,继续骗我们学习Flutter。于是,我被洗脑了。Ozo......今天就记录一下Mac环境下安装配置Flutter环境的操作步骤。欢迎大家一起入坑!!
1. 获取最新的Flutter SDK
注意:记住这里下载flutter的地址,后面会使用
git clone -b beta https://github.com/flutter/flutter.git
下载flutter.png
2. 进入到Flutter保存的目录下面
export PATH=
pwd
/flutter/bin:$PATH
设置路径.png
注意:这里是要在你下载的路径下面输入这行代码
2.1 国内因为网络环境的原因,大部分会失败,我们使用下面Google为中国地区提供的镜像进行配置
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
git clone -b dev https://github.com/flutter/flutter.git
export PATH="PATH"
cd ./flutter
flutter doctor
国内镜像配置.png
继续在终端运行 flutter doctor
运行下面的命令检查一下是否需要安装依赖项,完成安装
flutter doctor
运行成功.png
在第一次运行这个命令的时候,会自动下载安装flutter所需要的相关依赖项。如果部分安装失败,根据失败项的提示进行安装。
3 安装Flutter和Dart
我就用Android Studio作为示例,打开Preferences面板,在Plugins中搜索Flutter,install,安装时自动安装Dart,安装完成后重启AndroidStudio
安装Flutter插件.png
重启Android Studio之后,File->New 中出现 New Flutter Project,说明安装成功
创建Flutter项目.png
4. 创建Flutter 项目
File -> New -> New Flutter Project,选择Flutter Application -> Next,这里注意 Flutter SDK的路径是否正确。这里的SDK路径就是步骤一中下载flutter的路径。
新建Flutter.png
安装过程问题:
在创建的过程中 Create Flutter project这个界面会一直卡主不动。
解决方案:
在等待十分钟时候,选择强制退出Android Studio。然后,注意!注意!注意!这个时候,AS已经把Flutter项目创建好了,我们选择open打开这个flutter项目
示例
然后,我们打开File -> Settings -> Languages & Frameworks ->Flutter,在图中所示位置选择步骤一中的SDK路径,然后重新编译一下就OK了。
image.png
作者:一只胖胖胖胖猿
链接:https://www.jianshu.com/p/fceb44cbd1da