前言
本文章純?yōu)閷W(xué)習(xí)中的經(jīng)驗,不是教程,若有問題歡迎討論。
另外貼上Flutter中文官網(wǎng),上面也有教程,只是我這里用自己的語言記錄自己學(xué)習(xí)過程。
安裝
看了一下Flutter的安裝文檔,先歸納一下所有的:
- Flutter SDK
- VS Code
- Xcode
- Android Stodio & Java
現(xiàn)在一個個說明分別是啥,以及安裝的大致方法。
PS:我這是Mac的安裝,在win上也差不多的,所以,舉一反三即可。
Flutter SDK
無需多言,必須下載并安裝的,提供下載地址:
下載之后,解壓縮,得到的文件夾放在想放的目錄下(最好放在訪達(dá)的“文檔”、“應(yīng)用”這些目錄中,不然運行時會有權(quán)限問題),然后配置系統(tǒng)參數(shù)并刷新即可。
# flutter
export PATH=$PATH:/Users/你的用戶名/Documents/你的Flutter目錄
export PUB_HOSTED_URL="https://pub.flutter-io.cn"
export FLUTTER_STORAGE_BASE_URL="https://storage.flutter-io.cn"
替換上面的PATH中的目錄,命令行運行 flutter doctor 即可。
貼一下目前學(xué)到的幾個命令:
# flutter 命令輔助
flutter --help
# 檢查 flutter 配置項
flutter doctor
# 創(chuàng)建項目
flutter create
# 查看可用的設(shè)備
flutter emulator
# 連接可用的設(shè)備
flutter emulator --launch 設(shè)備name
# 編譯項目并運行在設(shè)備上
flutter run
VS Code
額,VS Code 就不多說了,我的常用編輯器,直接插件安裝 flutter 即可,會順帶安裝 Dart 依賴。
安裝完成后可以通過 shift + common + P ,輸入 flutter 進(jìn)行一系列的操作,另外可以通過vscode 自帶的調(diào)試來進(jìn)行 flutter 應(yīng)用的調(diào)試。
Xcode
如果你要編譯ios應(yīng)用,那么需要安裝這個,這個軟件集成了ios的系列環(huán)境和模擬器。
安裝方法就是在蘋果商店下載,好像只有mac可以。
Android Stodio & Java
如果你要編譯android應(yīng)用,那么需要安裝這兩個,這些就是android的環(huán)境和開發(fā)模擬器。
安裝地址:
就是下載,安裝,下一步下一步即可。
因為是谷歌的,所以安裝時最好在開放的網(wǎng)絡(luò)中安裝(FQ,你懂的)。
安裝完成后,需要在命令行中執(zhí)行:
flutter doctor --android-licenses
接受安卓的開發(fā)許可,一路yes即可。
Android Stodio 插件安裝
Android Stodio 還需要安裝 Flutter 和 Dart 這兩個插件,步驟如下:
- 打開 Android Stodio,打開 Flutter 項目。
- 左上角的 Android Stodio -> Preferences,選擇左側(cè)的 Plugins
- 搜索 Flutter 并安裝,會提醒你一同安裝 Dart,同意即可。
- 重啟 Android Stodio 使插件生效