使用鏡像琳钉，安裝flutter
- 打開終端設(shè)置臨時環(huán)境變量（臨時鏡像）
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
- 下載flutter，這里推薦用git安裝，也可直接下載
git clone -b dev https://github.com/flutter/flutter.git （cd 到目錄）
- 設(shè)置或列更環(huán)境變量
export PATH=$PATH:/Users/seminzhu/Documents/code/flutter/flutter/bin
- 運(yùn)行flutter doctor
flutter doctor
- 這里會檢查哪里插件沒有安裝临庇，沒有安全完沒有關(guān)系渣淤，不需要出現(xiàn)網(wǎng)絡(luò)上其它的教程上的成功圖片户誓，這處是一個坑尚洽。
安裝xcode乎折，這個是為了運(yùn)行ios 模擬器
安裝 android studio 去上面官方下載就可以了绒疗；
沒有安裝flutter，打開Android studio-->settings-->plugins骂澄，搜索flutter進(jìn)行安裝
沒有安裝dart吓蘑，打開Android studio-->settings-->plugins，搜索dart進(jìn)行安裝
安裝dart 插件
brew tap dart-lang/dart
brew install dart --devel
-沒有安裝 brew 先安裝坟冲，這里建議安全上網(wǎng)
配置編輯器磨镶，這里選用vscode
- 安裝flutter插件
查看-命令面板-搜索flutter - Install
重啟vs code;
- 這里再運(yùn)行一下flutter doctor，或者查看-命令面板-Flutter:Run Flutter Doctor 查看一下安裝情況
安裝flutter項(xiàng)目健提，不在flutter工程里
> 這邊選擇了命令安裝flutter create XXX,
也可以用 android studio 安裝
無論那種安裝報錯都沒有關(guān)系琳猫，往下走，也是坑
> 安裝完后矩桂，打開vscode沸移，按F5，如果按F5無效就是沒有安裝dart插件侄榴，或沒有配置dart插件環(huán)境變量
配置電腦的固定環(huán)境變量雹锣，第一步是為了安裝臨時的，不配置固定的每次運(yùn)行項(xiàng)目都要走一遍
參考:https://juejin.im/post/6844904185666748423
- .zshrc
打開 .zshrc癞蚕，或者終端里vim ~/.zshrc 去配置新增 flutter 和 dart 的環(huán)境變量
<!--這里用的是直接打開文件的方式-->
mac 找到根目錄蕊爵，.zshrc是個隱藏文件，打開文件桦山，直接新增
export PUB_HOSTED_URL="https://pub.flutter-io.cn"
export FLUTTER_STORAGE_BASE_URL= "https://storage.flutter-io.cn"
export PATH=$PATH:/Users/seminzhu/Documents/code/flutter/flutter/bin
export PATH=$PATH:/Users/seminzhu/Documents/code/flutter/flutter/bin/cache/dart-sdk/bin
~/.bash_profile 這里也要配置環(huán)境變量
export PUB_HOSTED_URL="https://pub.flutter-io.cn"
export FLUTTER_STORAGE_BASE_URL= "https://storage.flutter-io.cn"
export PATH=$PATH:/Users/seminzhu/Documents/code/flutter/flutter/bin
export PATH=$PATH:/Users/seminzhu/Documents/code/flutter/flutter/bin/cache/dart-sdk/bin
保存攒射，結(jié)束配置
打開xxx,項(xiàng)目工程醋旦，按F5，選擇模擬器運(yùn)行項(xiàng)目会放，這處發(fā)現(xiàn)運(yùn)行是空的饲齐。
- 終端里安裝：npm install -g flutter-pro-cli
- 在xxx項(xiàng)目里運(yùn)行
flutter-pro-cli init
flutter-pro-cli run check
//這里項(xiàng)目就可以是運(yùn)行起來了，模擬器里出現(xiàn)項(xiàng)目的咧最，已經(jīng)成功的了捂人。接下來可以愉快的玩耍了。
flutter-pro-cli 教程：https://www.yuque.com/xuyabing/gneysu/whehpu
如何運(yùn)行項(xiàng)目
//這里使用的是vscode矢沿， 按F5滥搭，打開ios/android 模擬器
找到項(xiàng)目名稱的flutter圖標(biāo)，這里打開就是上一次修改的捣鲸，或初始化的
也可以按 flutter run 啟動
flutter 啟動太慢瑟匆，Running 'flutter pub get 'in flutter_app ... 卡死的問題
Packages get偶爾會遇到Running “flutter pub get” in flutter_app…卡死的問題。
解決辦法
1.打開終端栽惶，輸入：open .bash_profile
2.打開 .bash_profile 愁溜，修改下鏡像
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
//備注：本人是用了~zsh,所以上面在zshrc里配置了
Waiting for another flutter command to release the startup lock... 這個啟動錯誤
打開flutter安裝目錄，進(jìn)入/bin/cache媒役，找到lockfile文件祝谚，刪除就可以了。
重新再啟動flutter就可以了
熱更新(代碼更新酣衷，模擬器如何更新)
方法一：按'r'鍵，鼠標(biāo)放到終端
方法二:vscode 啟動debug模式次泽，在debug里配置當(dāng)前的項(xiàng)目穿仪，flutter
小技巧
按P鍵顯示網(wǎng)格
如果使用的是安卓模擬器，按o鍵顯示蘋果模式下的樣子意荤，按Q鍵可以關(guān)關(guān)閉
踩坑Could not build the application for the simulator.
先清一下 Xcode 緩存
flutter clean
flutter run
快速生成一個模塊代碼
> 安裝插件
awesome flutter snippets
> 在頁面上輸入stlss啊片，
- 頁面自動生成以下代碼片段
class extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Container(
);
}
}
