Flutter Mac環境搭建

2019 年 10 月 5 日
筆記

1、安裝SKD

螢幕快照 2019-09-04 09.17.20.png

2、複製SDK 將它配置到你想安裝SDK的目錄

3、配置flutter鏡像地址

vim ~/.bash_profile  命令行輸入後回車，打開.bash_profile配置鏡像地址

進入後默認是不可編輯的，按E進入編輯模式

螢幕快照 2019-09-04 09.22.18.png

然後再按I 出現– INSERT –就可以編輯了輸入如下環境變數

export PATH="/Users/Destiny/flutter/bin:$PATH"  // SDK安裝目錄  export PUB_HOSTED_URL=https://pub.flutter-io.cn  export FLUTTER_STORAGE_BASE_UUL=https://storage.flutter-io.cn

螢幕快照 2019-09-04 09.27.10.png

編輯完成後，按「Esc」,再按「:wq」，保存這個文件退出編輯模式後別忘了在命令行輸入

source ~/.bash_profile

4、檢測是否配置成功輸入

flutter -h

螢幕快照 2019-09-04 09.39.36.png

出現上圖說明配置成功，如果配置完成後輸入flutter -h 提示命令有問題，可能是你SDK有問題，你重新下載下。

5、運行 Flutter doctor 命令檢測環境

螢幕快照 2019-09-04 10.33.50.png

有很多問題，一條一條按照錯誤提示修改

 brew update   brew install --HEAD usbmuxd   brew link usbmuxd   brew install --HEAD libimobiledevice   brew install ideviceinstaller   brew install ios-deploy   flutter doctor –android-licenses

螢幕快照 2019-09-04 11.03.54.png

Flutter plugin not installed，Dart plugin not installed

問題描述：Flutter插件和Dart插件未安裝。解決辦法：在Android Studio中安裝Flutter插件和Dart插件。

螢幕快照 2019-09-04 11.12.47.png

出現下圖說明環境配好了

螢幕快照 2019-09-04 11.26.43.png

6、配置好就可以生成Flutter項目

sudo flutter create flutterdemo

生成項目後需要修改Flutter SDK目錄許可權和項目許可權

sudo chmod -R 777 /Users/Destiny/flutterdemo