1.從 GitHub 上的 Flutter repo獲取源代碼
wangfeidembp:~ wangfei$ export PUB_HOSTED_URL=https://pub.flutter-io.cn
wangfeidembp:~ wangfei$ export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
wangfeidembp:~ wangfei$ git clone https://github.com/flutter/flutter.git -b stable
2.配置環境變量
wangfeidembp:~ wangfei$ sudo vim ~/.bash_profile
Password:
輸入如下內容
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export Flutter_Home=/Users/wangfei/flutter
export PATH=$PATH:$Flutter_Home/bin
export PATH=$PATH:$Flutter_Home/bin/cache/dart-sdk/bin
退出保存
esc
:wq
更新環境變量
source $HOME/.bash_profile
查看是否生效
wangfeidembp:~ wangfei$ echo $PATH
3. 查看版本,會自動下載sdk
flutter --version
4.開發二進制文件預下載(可選操作)
flutter precache
5.平臺的配置
參考https://flutter.cn/docs/get-started/install/macos
下面貼一些我終端的關鍵步驟,我xcode和andrioStuido都是安裝過了的。
wangfeidembp:~ wangfei$ flutter doctor
之後可看到一些狀態
可以看到插件沒裝,協議沒同意,接着安裝AdroidStuido 的插件 和vsCode的插件,
wangfeidembp:~ wangfei$ sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
Password:
wangfeidembp:~ wangfei$ sudo xcodebuild -runFirstLaunch
wangfeidembp:~ wangfei$ sudo xcodebuild -license
wangfeidembp:~ wangfei$ open -a Simulator
wangfeidembp:~ wangfei$ cd /Users/wangfei/Desktop
wangfeidembp:Desktop wangfei$ cd flutterStudy/
wangfeidembp:flutterStudy wangfei$ flutter create my_app
上述操作對應一些截圖
看到All done 說明創建項目成功,如下圖
下面運行項目
之後可以看到ios模擬器上成功運行起來了
下面來運行到iphone真機設備上。
遇到問題就按上邊最下面提示, open ios/Runner.xcworkspace
會在xcode中打開,選擇真機iphone,運行一下就可以了。
最後的完善一些操作,創建Android模擬器,並打開。
查看下連的設備,同意下協議。
之後就可以打開AndroidStudio,VSCode運行項目了。
6.遇到問題
用android Studio或VSCode運行ios真機時,一直報這個錯,
Error connecting to the service protocol: failed to connect to http://127.0.0.1:1027/bJnq26E4_PA=/
有的說是重啓Xcode,我最後是暫時禁用了我電腦上的這個東西。
打開終端執行:
brew unlink libimobiledevice
重啓android Studio或VSCode.
有網上說是下面的原因
- 修改
.bash_profile
設置NO_PROXY=localhost,127.0.0.1
- 終端運行
source .bash_profile
反正都試下。最後都要重啓AndrioStudio 和 xcode