RN入坑很久了,今年开始flutter势头似乎很迅猛,准备开始学习一下,记录一下环境搭建过程给大家一个参考
flutter SDK下载
1.官网地址:SDK下载
2.下载完成后,解压到文件夹,配置flutter环境变量。如果之前创建过.bash_profile,可以省略掉touch创建步骤
$ cd ~/
$ touch .bash_profile
$ open .bash_profile
然后在.bash_profile文件中添加一行
export PATH=`pwd`/flutter/bin:$PATH
其中pwd是你的flutter解压后的文件路径,比如我配置的就是
export PATH=/Users/mazheng/Documents/iCollections/developSDK/flutter/bin:$PATH
3.cd到解压下来的flutter文件夹目录下,可以先运行flutter doctor查看下
$ flutter doctor
打勾的是通过的,打叉是未通过的,我的提示如下,因为是新电脑,只是装了xcode而已,所以需要配置的应该是最全的
4.Android Studio下载
官网下载:AS下载
安装时如果提示错误unable to access android sdk-on list,直接点cancel,后在后续安装过程中下载所需的sdk
安装完成后,在as的设置中查看SDK路径,如下
然后继续在.bash_profile文件中添加SDK路径
export ANDROID_HOME=/Users/mazheng/Library/Android/sdk
终端继续运行
flutter doctor --android-licenses
中间输入五六次y,然后回车就行
再次运行flutter doctor就可以看到,flutter的安卓运行环境就搞定了
5.xcode环境配置
xcode提示我CocoaPods not installed. 所以我需要先安装brew,已经安装过得可以跳过这一步
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
之后安装iOS tool,也是根据提示命令安装即可
iOS tool安装
6.Flutter&Dart插件安装
打开Android studio->Preferences->Plugins,搜索flutter和Dart,点击安装
插件安装
安装完后重启IDE就可以了
结束:至此Mac端Flutter安装环境完成,打开Android studio新建一个Flutter项目试试吧
网友评论