本教程適用于iOS開發(fā)者?
?本人19年就對Flutter感興趣,但看flutter官網教程,在環(huán)境變量這一關卡住了,官網沒有明確說明在哪配置,所以趁現(xiàn)在項目不忙,花了一些時間整理各種資料并實際操作配置成功,于是寫了這一篇文章做一個精簡版的總結
一 ?下載flutter SDK
在官網上https://docs.flutter.dev/release/archive?tab=macos#macos
下載flutter SDK 并將flutter SDK放在不輕易被刪掉的位置 比如 / application
二葫哗、配置環(huán)境變量
打開終端 cd ~
如果你的終端是bash 則需要open ?~/.bash_profile
會打開.bash_profile文件胃碾，如果沒有這個文件熙卡，你需要先用命令?touch .bash_profile 創(chuàng)建橡淑。
如果你終端是zsh，則open ~/.zshrc 或者touch~/.zshrc
3.打開之后桐款，添加如下配置：添加完之后command+s保存
主要是這一句 ?export PATH=$PATH:/Applications/flutter/bin?
配置鏡像
export FLUTTER_ROOT=你的flutter安裝目錄
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH=你的flutter安裝目錄/bin:$PATH
4.更新配置的環(huán)境變量
在終端輸入 source ~/.bash_profile ?或者source?~/.zshrc
運行 flutter doctor 檢查flutter是否正常 有沒有問題
可能會有允許協(xié)議的問題 需要輸入
?flutter doctor --android-licenses
flutter --version 檢查版本
三 下載Android studio安裝Flutter和Dart插件
點擊Plugines? 分別輸入 flutter \ dart 進行下載? 然后下載Java SDK
下載相關的SDK工具喉前。
打開studio的設置項，appearance&behavior--system settings--android sdk--sdk tools
把hide obsolete packages的勾選去掉舀患，下載android sdk command-line Tools(latest)與Android SDK Platform-Tools
5、同意android的相關協(xié)議
flutter doctor --android-licenses
下載鏈接: https://www.oracle.com/java/technologies/downloads/
?下載VScode ??
https://code.visualstudio.com/docs/?dv=osx
在擴展那一欄輸入下載flutter \ dart?
并在終端下 flutter doctor 進行檢測彩掐。
四 創(chuàng)建項目
1. 終端創(chuàng)建
cd ~/desktop?
flutter create 項目名
cd 項目名
Flutter run?
2.使用vs code創(chuàng)建
打開vs code 按住command + shift + P 在輸入框中輸入 flutter 會有一個new project?
