Flutter mac環境配置2020年

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 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章