下载Flutter SDK
https://flutter.io/docs/development/tools/sdk/archive?tab=macos#macos
安装Flutter
第一步:得到flutter路径
将下载后的文件放入应用程序中
将flutter文件拖到终端,拿到flutter的路径 - /Applications/flutter
第二步:配置.bash_profile
打开.bash_profile , 终端执行
open .bash_profile
加入以下配置(前2个是镜像):
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH=/Applications/flutter/bin:$PATH
注意:
-
此镜像为临时镜像,并不能保证一直可用,读者可以参考详情请参考 Using Flutter in China 以获得有关镜像服务器的最新动态。
-
export PATH=你的Flutter路径/bin:$PATH
保存并关闭.bash_profile后,终端执行:
source ~/.bash_profile
验证是否安装成功 ,终端输入:
flutter -h
出现如下图:
表示正常
第三步:安装Flutter的依赖项
检测Flutter的依赖项 ,终端执行
flutter doctor
结果图如下:
按照截图中由上至下的一个一个跟着提示安装吧
安装flutter doctor结果进行安装开始(执行语句都是截图中有的),结果如图:允许协议,终端执行(在Mac存在AndroidStudio的情况下)
flutter doctor --android-licenses
执行结果:
会各种确认,直接输入y即可,一直到结束
安装成功后终端再次输入:flutter doctor,结果如图:需要使用Brew,没有brew那就装一个吧
安装Brew,终端执行:
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
按照提示一步一步安装就成了
安装成功
安装成功后,按照flutter doctor的结果,在终端中执行:
brew update
brew install --HEAD usbmuxd
brew link usbmuxd
brew install --HEAD libimobiledevice
brew install ideviceinstaller
一直等直至都安装完成,网络环境比较好,1小时左右就可以了
安装成功后再次执行flutter doctor,结果如图:没有安装Xcode则安装Xcode,可以通过AppStore安装,安装成功后终端执行:
sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
会要求输入电脑密码,输入密码即可
安装成功后再次执行flutter doctor,结果如图:提示安装ios -deploy ,终端执行
brew install ios-deploy
安装成功后再次执行flutter doctor,结果如图:
提示安装CocoaPods 终端执行:
brew install cocoapods
pod setup
安装成功后再次执行flutter doctor,结果如图:
剩下的就是安装AndroidStudio 插件
1543411941636.jpg 安装成功后会提示重启AndrodStudio重启后再次执行flutter doctor,结果如图:
安装完成了
注意:
- 在安装Flutter依赖项时所有的执行语句都是按照Flutter doctor中提示执行的,环境不一样需要安装的可能也会不一样的哈
- 以上操作全部都挂着vpn
参考地址:
https://juejin.im/post/5be3d54cf265da611d6624d3
https://flutterchina.club/setup-macos/ Flutter中文网
网友评论