Flutter Mac版本安装

记录一下flutter的安装之路:
某点某刻,突然想安装一下flutter,之前已经别的电脑安装了一次,这次再安装一下!!!
想起flutter,首先就想到了flutter中文网, 好像有时候不能直接点击跳转了,就放一下链接(https://flutterchina.club/setup-macos/)

第一步:去flutter的SDK下载页
里面下载SDK, (https://flutter.io/sdk-archive/#macos), minutes later... 下载好了。然后桌面创建个文件夹,放入Flutter SDK。

第二步: 配置环境变量

  1. 打开终端
  2. vim ~/.bash_profile 进入bash_profile编辑页, 点击 i 开始编辑
export PATH='你的FlutterSDK存放路径'/flutter/bin:$PATH
/// eg PATH=/Users/用户名/Desktop/Flutter_By/flutter/bin:$PATH
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

万事俱备只欠东风,一句flutter doctor开始检测,不出意外的出错了,提示信息 zsh: permission denied: flutter
此时,百度的作用就出来了,copy and paste...找到一个大佬总结的文章, (https://www.jianshu.com/p/51d96f233ee3),查看原因,上面用的bash_profile对应的Shell是bash环境,我这边是zsh,那么就配置一下~/.zshrc

open ~/.bash_profile 打开bash_profile脚本,复制刚刚三句环境变量
open ~/.zshrc 打开zshrc脚本,粘贴、保存,OK
source ~/.zshrc 让刚刚设置环境变量生效

好了,这时候认为应该都可以了吧。flutter doctor,发现还是错误 zsh: permission denied: flutter,那么继续百度大法吧。找到这篇帖子, (https://www.jianshu.com/p/6335d2e46650), 里面chmod u+x *.修改权限.. 笔者表示一头雾水。没有去试,就自己找找办法解决。
转点来了,这时候打开下载好的flutter/bin里面查看一下flutter, 咦,怎么是白色文件,不是Mac那种黑色的终端样式图片.. 不是吧,我不会下载错误了吧
来份对比...

截屏2021-11-16 下午1.18.31.png

截屏2021-11-16 下午1.19.55.png

不注意的话,貌似有那么一点点像!我又下载了一份macos的版本,在刚刚那个环境变量同目录下。直接运行了一下flutter doctor

image.png

Android Studio目前还没有安装,等我去下载一下

image.png

然后变成这样。。Android 笔者是基本上一点都不了解。暂时先这样...

以下以VS Code来体验一下Flutter


截屏2021-11-18 下午3.09.01.png

点击侧边栏扩展按钮,输入Flutter查询flutter 插件,安装。

然后 cmd + shift + p , 输入flutter,选择 Flutter: New Project,选择项目存放目录,创建一个新的flutter项目

image.png

F5启动调试,打开模拟器后,默认就在所打开的模拟器运行了

截屏2021-11-18 下午3.00.36.png

好了,以后就是Flutter的爬坑之路了,不管是从入门到精通,还是从入门到放弃。多熟悉点东西总归没什么坏处!!!

你可能感兴趣的:(Flutter Mac版本安装)