Flutter 搭建环境

2018-11-28  本文已影响0人  sexyhair

下载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

注意:

保存并关闭.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,结果如图:

安装完成了

注意:

参考地址:
https://juejin.im/post/5be3d54cf265da611d6624d3

https://flutterchina.club/setup-macos/ Flutter中文网

上一篇下一篇

猜你喜欢

热点阅读