使用鏡像，安裝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
- 運行flutter doctor
flutter doctor
- 這里會檢查哪里插件沒有安裝，沒有安全完沒有關(guān)系，不需要出現(xiàn)網(wǎng)絡(luò)上其它的教程上的成功圖片，這處是一個坑。
安裝xcode，這個是為了運行ios 模擬器
安裝 android studio 去上面官方下載就可以了；
沒有安裝flutter，打開Android studio-->settings-->plugins，搜索flutter進行安裝
沒有安裝dart，打開Android studio-->settings-->plugins，搜索dart進行安裝
安裝dart 插件
brew tap dart-lang/dart
brew install dart --devel
-沒有安裝 brew 先安裝，這里建議安全上網(wǎng)
配置編輯器，這里選用vscode
- 安裝flutter插件
查看-命令面板-搜索flutter - Install
重啟vs code;
- 這里再運行一下flutter doctor，或者查看-命令面板-Flutter:Run Flutter Doctor 查看一下安裝情況
安裝flutter項目，不在flutter工程里
> 這邊選擇了命令安裝flutter create XXX,
也可以用 android studio 安裝
無論那種安裝報錯都沒有關(guān)系，往下走，也是坑
> 安裝完后，打開vscode，按F5，如果按F5無效就是沒有安裝dart插件，或沒有配置dart插件環(huán)境變量
配置電腦的固定環(huán)境變量，第一步是為了安裝臨時的，不配置固定的每次運行項目都要走一遍
參考: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,項目工程，按F5，選擇模擬器運行項目，這處發(fā)現(xiàn)運行是空的。
- 終端里安裝：npm install -g flutter-pro-cli
- 在xxx項目里運行
flutter-pro-cli init
flutter-pro-cli run check
//這里項目就可以是運行起來了，模擬器里出現(xiàn)項目的，已經(jīng)成功的了。接下來可以愉快的玩耍了。
flutter-pro-cli 教程：https://www.yuque.com/xuyabing/gneysu/whehpu
如何運行項目
//這里使用的是vscode， 按F5，打開ios/android 模擬器
找到項目名稱的flutter圖標，這里打開就是上一次修改的，或初始化的
也可以按 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安裝目錄，進入/bin/cache，找到lockfile文件，刪除就可以了。
重新再啟動flutter就可以了
熱更新(代碼更新，模擬器如何更新)
方法一：按'r'鍵，鼠標放到終端
方法二:vscode 啟動debug模式，在debug里配置當前的項目，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(
);
}
}
