mac下配置flutter

下载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出现下面的结果,说明到目前为止,我们安装一切顺利。

image.png

检查开发环境

到上边为止,我们安装好了Flutter,但是还不具备开发环境。开发还需要很多软件和插件的支持,那到底需要哪些插件和软件那?我们可以使用Flutter为我们提供的命令来进行检查:

flutter doctor

image.png

如果你英文很好,你应该可以很容易读出上面的检测结果,有很多条目都没有通过。需要我们安装检测结果一条条进行安装,直到满足开发环境。(如果有[!]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/

image.png

下载安装好后,从应用程序打开Android studio,会开始配置环境和下载Android SDK。
image.png

所有都完成后

vi ~/.zshrc

加入

#安装时候选都路径,默认为~/Library/Android/SDK,我改了
export ANDROID_HOME=~/Develop/Android/SDK

1、安装command tools


image.png

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插件。


image.png
image.png

出现上图,点中间的Search in repositories,然后点击安装。


image.png

安装完成后,你需要重新启动一下Android Studio软件。

vscode

这个是我们写flutter代码用的编辑器,很轻,很方便
打开,安装flutter扩展就行了


image.png

完成

我做到这里环境就全部OK了,只有一个没有找到调试设备了,因为我没有调试的手机硬件,所以出现这个提示,不用管它。


image.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 本文首发简书转载请注明出处原文连接掘金连接 https://www.jianshu.com/p/c55ad0e8...
    做人要简单阅读 14,340评论 10 33
  • 官网 中文版本 好的网站 Content-type: text/htmlBASH Section: User ...
    不排版阅读 10,010评论 0 5
  • macvim配置 最终效果如下: 系统环境 macos10.12.4 homebrew1.2.1 python3....
    Like_eb56阅读 70,535评论 5 65
  • 1、《接纳孩子》作者小巫 2014年参加金宝贝试听时正好遇上小巫来做她的畅销书宣传,她是一个非常有气质的女性,剪很...
    严小孩阅读 1,814评论 0 0
  • 时光总是如白驹过隙,让人抓不住尾巴,变化总是悄然一瞬间而不为人所知。今天又是接儿子的时间,一听接儿子我就特别高兴。...
    我是沐子阅读 1,625评论 0 1

友情链接更多精彩内容