下载Flutter SDK包
这里推荐去官网下载就好,用迅雷还挺快。
网址:https://flutter.io/setup-macos/
进入网址后,向下拖拽一下,也可以找对应版本。
我找的是flutter_macos_v2.5.3-stable
压缩包下载好以后,找个位置进行解压。这个位置很重要,因为下面配置环境变量的时候要用到。比如你解压到了~目录下的Develop文件夹。
~/Develop/flutter
配置环境变量
macOS Catalina 还有一个重大的变化 —— 因为 zsh 已经取代 bash,成为了新版操作系统中的默认 shell 命令,需要~/.zshrc
1.打开终端工具(这个我就不用写了吧),使用vim进行配置环境变量,
vim ~/.bash_profile
or
vi ~/.zshrc
在打开的文件里增加一行代码,意思是配置flutter命令在任何地方都可以使用。
export PATH=~/Develop/flutter/bin:$PATH
提示:这行命令你要根据你把压缩包解压的位置来进行编写,写的是你的路径,很有可能不跟文章一样。
在国内还需要加上以下两行,来使用国内的镜像,这样安装包和更新都会快很多
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
配置完成后,需要用source命令重新加载一下 ,具体命令如下:
source vi ~/.zshrc
完成这部以后,就算我们flutter的安装工作完成了,但是这还不能进行开发。可以使用命令来检测一下,是否安装完成了。
flutter -h
如果显示权限不够,可以
sudo chmod -R 777 ~/Develop
flutter -h出现下面的结果,说明到目前为止,我们安装一切顺利。
检查开发环境
到上边为止,我们安装好了Flutter,但是还不具备开发环境。开发还需要很多软件和插件的支持,那到底需要哪些插件和软件那?我们可以使用Flutter为我们提供的命令来进行检查:
flutter doctor
如果你英文很好,你应该可以很容易读出上面的检测结果,有很多条目都没有通过。需要我们安装检测结果一条条进行安装,直到满足开发环境。(如果有[!]x标志,表示本行检测没有通过,就需要我们设置或者安装相应的软件了。)
xcode
下载对应版本Xcode,我是11.1系统,最高支持Xcode13.1,可以的话建议最新版。
https://developer.apple.com/download/more/
阅读协议
sudo xcodebuild -license
按enter阅读,空格键翻页到末尾,最后输入agree同意
如果都做完,flutter doctor还是xcode还是x,那么按照他都提示操作,我这里需要安装升级cocoapods
brew install cocoapods
检查一下
flutter doctor检查一遍xcode没问题就行
Android studio
有可能你的Android studio也没有安装,那么你要先安装这个编辑器,选择最新版,flutter2.5需要至少Android studio2020.3的版本
Android Studio下载地址:http://www.android-studio.org/
下载安装好后,从应用程序打开Android studio,会开始配置环境和下载Android SDK。
所有都完成后
vi ~/.zshrc
加入
#安装时候选都路径,默认为~/Library/Android/SDK,我改了
export ANDROID_HOME=~/Develop/Android/SDK
1、安装command tools
2、flutter doctor --android-licenses
然后让你输入Y/N的时候,一路Y就可以了
这步完成后,我们再使用flutter doctor进行检测后,会看到还是有很多x。大概如下:
根据提示 brew 全部照着操作一遍。
安装完这些,我大概花了半小时左右,并且还重试了一次。
如果brew 卡住,那么你需要更新国内源了
cd /usr/local/Homebrew
git remote set-url origin https://git.coding.net/homebrew/homebrew.git
这个大问题解决以后,我们还需要为Android Studio安装一下Flutter插件,
打开Android Stuido 软件,然后找到Plugin的配置,搜索Flutter插件。
出现上图,点中间的Search in repositories,然后点击安装。
安装完成后,你需要重新启动一下Android Studio软件。
vscode
这个是我们写flutter代码用的编辑器,很轻,很方便
打开,安装flutter扩展就行了
完成
我做到这里环境就全部OK了,只有一个没有找到调试设备了,因为我没有调试的手机硬件,所以出现这个提示,不用管它。