欢迎点赞评论加收藏
直接进入主题=====》
步骤一:
下载Flutter SDK
官网链接请拿走:
(英文版)https://docs.flutter.dev/development/tools/sdk/releases?tab=macos
(中文版)https://flutter.cn/docs/get-started/install/macos
步骤二:
解压保存Flutter
步骤三:
打开终端
- cd+空格+Flutter存放路径====》可以找到Flutter文件,把它拖入终端
- 点击回车(请不要退出或是关闭终端)
步骤四:
配置环境变量
- 终端上输入:
vim ~/.bash_profile
接着按回车
接着会进入此界面(如果进不去,可以参考文章尾部报错是否一样)
然后,点击:i 按键,进入到环境变量编辑模式–INSERT,如图:
此时,打开备忘录或是其他编辑平台(终端不要关闭或退出),接着滑到终端最开始拉入Flutter路径的那一段,把Flutter路径复制出来。然后,替换下面红色标记这一截(路径替换成自己本地的)
export PATH=/Users/apple/flutter_mac/flutter/
bin:$PATH
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_UUL=https://storage.flutter-io.cn
替换好之后,复制这三行东西,回到终端,粘贴进去(如图);
粘贴进去之后,鼠标键盘不要乱动!!! 接着按一下esc按键,然后输入冒号和wq
:wq
如下图所示
接着按回车,回到了这个界面
到了这里,离胜利就不远了,是不是感觉很简单接续输入:source ~/.bash_profile
按回车
输入:flutter doctor
结果可能会报以下错误
针对cmdline--tools component is missing
错误,看到尾部提示没有:“cmdline--tools; latest
”
打开Android studio安装这几个即可
安装完毕之后,再次执行:flutter doctor
接着执行:flutter doctor --android-licenses
然后,再次执行:flutter doctor
针对于Xcode上 Cocoapods not installed
这个错误,常规解决办法:
1、先在电脑终端上查看是否已经安装下载有:执行pod --version
;
2、若无,则执行下载:sudo gem install cocoapods
下载完成后,可执行pod --version
查看Cocoapods
版本号,最后接着执行:flutter doctor
即可;
此时,之前的报错已修复。最后再次打开Android studio,进入到插件安装位置,选择Flutter 、 Dart进行安装。安装完之后退出Android studio,接着重新打开便会看到有新建Flutter工程选项
注意事项
如果在vim ~/.bash_profile
这一步打不开,报这个错误:-bash: export: /bin:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin': not a valid identifier
可以执行这个指令:
export PATH=/bin:/usr/local/sbin:/usr/local/bin:/sbin:/bin:/usr/sbin:/usr/bin
接着重新输入:vim ~/.bash_profile
即可打开使用
- 安装
Cocoapods
出现异常问题
,可以参考一下这个文档里面的相关介绍及异常指南
https://guides.cocoapods.org/using/getting-started.html#installation
分享完了,技术在变迁,若有不足之处,还望包涵~~~~~