flutter環(huán)境配置
macOS Mojave 10.14.5
Xcode 10.2.1
(可選奸鸯,示例使用的是此工具)Visual Studio Code 1.37.1
(可選)Android Studio 3.5
Android SDK
Homebrew
cocoapods
Flutter 安裝 (https://flutter.dev)
1、Flutter SDK下載地址:
https://storage.googleapis.com/flutter_infra/releases/stable/macos/flutter_macos_v1.7.8+hotfix.4-stable.zip
(或者其他版本地址
https://flutter.dev/docs/development/tools/sdk/releases?tab=macos
)
2、解壓提取文件
1??CLI操作
$cd ~/development
$unzip ~/Downloads/flutter_macos_v1.7.8+hotfix.4-stable.zip
2??GUI操作
打開“訪達“极祸,打開你所想安裝的目錄观谦,我所安裝的為“/Users”目錄下顷窒,
在“/Users”目錄下新建名為“development”的文件夾谢床,然后把解壓后的文件夾放入“development”文件夾,如圖所示:
3洲赵、將flutter工具添加到您的路徑:
$export PATH="$PATH:/Users/development/flutter/bin"
“/Users/development”可替換為自己的路徑
此命令僅為當(dāng)前終端窗口設(shè)置PATH變量鸳惯。要將Flutter永久添加到路徑
將Flutter永久添加
1??用戶目錄下/.zshrc 文件中進行添加
1、$cd ~/
2叠萍、open .zshrc
3芝发、添加如下兩行
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
2??直接用文本打開文件.zshrc,然后增加兩行
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
.zshrc位置目錄如下圖所示
4、(可選)預(yù)先下載開發(fā)二進制文件:
該flutter工具根據(jù)需要下載特定于平臺的開發(fā)二進制文件苛谷。對于預(yù)先下載這些工件(例如辅鲸,在密封構(gòu)建環(huán)境中或具有間歇性網(wǎng)絡(luò)可用性)的情況,可以通過運行以下方式提前下載iOS和Android二進制文件:
$flutter precache
5腹殿、檢查是否需要安裝任何依賴項來完成設(shè)置
$flutter doctor -v
下圖為配置成功后的截圖
6独悴、完成需要的依賴項
- 第二項報錯:下載JDK參考文中“Java SE JDK ”?。文件名例如:jdk-8u221-macosx-x64.dmg
- 第三項報錯:
第一條锣尉、通過從命令行運行sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer來配置Xcode命令行工具以使用新安裝的Xcode版本
第二條刻炒、通過蘋果商店安裝Xcode
第三條、參照文中“COCOAPODS安裝”
- 第四項報錯:按照提示安裝ios-deploy自沧,使用到Homebrew坟奥,
$brew install ios-deploy
另外有個總結(jié)iOS真機調(diào)試 https://blog.iw3c.com/archive/1147
,安裝出現(xiàn)的問題有提示,按照提示進行修改
- 第七項報錯:參照“編輯器安裝”-》“Visual Studio Code”
- 其他:安卓真機調(diào)試拇厢,參考文中“Mac AndroidStudio真機調(diào)試”
Homebrew安裝 (https://brew.sh)
安裝:
$/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
使用:例如我們安裝wget
$brew install wget
我們會在安裝依賴項時用上
COCOAPODS安裝(https://cocoapods.org/)
$ sudo gem install cocoapods
Android SDK (https://www.oracle.com/technetwork/java/javase/downloads/index.html)
Java SE JDK
同意條款后點擊下載(需要登錄)
https://download.oracle.com/otn/java/jdk/8u221-b11/230deb18db3e4014bb8e3e8324f81b43/jdk-8u221-macosx-x64.dmg
Mac AndroidStudio真機調(diào)試(參考https://blog.csdn.net/dengshunhao/article/details/88391255)
- 找到sdk路徑爱谁,/Users/apple/Library/Android/sdk
- 配置adb,打開/Users/apple/Library/Android/sdk/platform-tools文件夾旺嬉,創(chuàng)建或修改.bash_profile,增加兩行
export PATH=${PATH}:~/Library/Android/sdk/platform-tools
export PATH=${PATH}:~/Library/Android/sdk/tools
- 開啟終端厨埋,輸入:source .bash_profile
- 測試adb:$ adb version ,通過adb查看是否有手機設(shè)備 : adb devices,如果List of devices attached無設(shè)備邪媳,則修改adb_usb.ini
- system_profiler SPUSBDataType,復(fù)制手機的Vendor ID
- 打開文件 ~/.android/adb_usb.ini,把復(fù)制的Vendor ID填進去,多個手機Vendor ID換行填寫
- 重啟finder雨效、重啟adb.
點擊屏幕左上角蘋果圖標(biāo)“強制退出”-》“Finder”-〉“重新啟動”
adb kill-server
adb start-server
- 然后可以在文中“編輯器安裝”-》“調(diào)試”-“啟用調(diào)試”中選擇添加的設(shè)備進行調(diào)試
??我的榮耀手機有打開了USB調(diào)試沒有反應(yīng)迅涮,接下來只能打開撥號界面,輸入*#*#2846579#*#*
徽龟,自動進入工程菜單叮姑,如下圖所示:(默認(rèn)是Hisuite模式)
編輯器安裝
(可選)Android Studio 3.5安裝
https://developer.android.com/studio/index.html
(可選,示例使用的是此工具)Visual Studio Code
https://code.visualstudio.com/
安裝插件Flutter
安裝插件Dart
“查看”-“命令面板”
“調(diào)試”-“啟用調(diào)試”
下圖上箭頭為命令面板据悔,下箭頭為調(diào)試使用的設(shè)備
點擊切換設(shè)備
如果失敗查看 上文“安裝Flutter 安裝”-》“完成需要的依賴項”