一、下載安裝及配置
1、安裝 Flutter SDK
進入 Flutter官網(wǎng) 下載 Flutter SDK
我安裝時的下載地址:https://flutter.dev/docs/get-started/install/macos
下載好后,將flutter_macos_1.17.5-stable.zip安裝包,解壓到不會輕易誤刪的地方。這里我解壓到文稿中。也就是路徑為/Users/你的mac名/Documents的位置。
編輯環(huán)境變量,打開 bash_profile 文件
open ~/.bash_pofile
在最后面插入下列代碼
export PATH=你文件所在目錄的路徑/flutter/bin:$PATH
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PUB_HOSTED_URL=https://pub.flutter-io.cn
接著保存退出后,在終端輸入 source ~/.bash_profile 即可使用flutter
flutter doctor
上面代碼用于檢測你還有哪些部分沒有配置完成。
如果你終端是zsh,你還需要多一步
open ~/.zshrc
在最下面添加這一行代碼
source ~/.bash_profile
2、安裝 Xcode
直接在AppSotre中,搜索Xcode進行安裝即可。
終端輸入 flutter doctor 進行檢查。
3、安裝 Android Studio
進入 Android Studio官網(wǎng) 下載
下載后,按自己需要進行設置及安裝。
安裝結束后添加環(huán)境變量
open ~/.bash_profile
在最后一行添加下面代碼
export PATH=${PATH}:~/Library/Android/sdk/platform-tools
source ~/.bash_profile
接著打開 Android Studio,在 Plugin 中搜索 flutter 并安裝。它會自動安裝 flutter、dart兩個插件。
安裝結束后可以輸入 flutter doctor 檢測是否成功。
4、下載 VScode
進入 VScode官網(wǎng) 下載
下載好后添加 flutter、Dart 兩個插件
終端輸入 flutter doctor 進行檢測。
5、安裝夜神模擬器
進入 夜神模擬器官網(wǎng) 下載
安裝并打開。
二、運行項目
在運行時為了增加流暢性,建議修改Flutter的配置
open 你的flutter文件目錄/packages/flutter_tools/gradle/flutter.gradle
將repositories中的 google() 和 jcenter() 刪除。替換為
maven { url ‘https://maven.aliyun.com/repository/google’ }
maven { url ‘https://maven.aliyun.com/repository/jcenter’ }
maven { url ‘http://maven.aliyun.com/nexus/content/groups/public’ }
創(chuàng)建你的第一個項目
flutter create 項目名
cd 項目名
并修改你項目中的 android/build.gradle 的配置文件。同樣修改 repositories 中的內(nèi)容。只不過他有兩個位置都要替換。
接著將項目與夜神模擬器建立連接,在終端輸入
adb connect 127.0.0.1:62001
輸入完沒報錯就是連接成功了。
如果報錯,那是因為你夜神模擬器沒有打開,要在打開的狀態(tài)下在輸入指令連接。
確認無誤后,即可開始編譯運行。
flutter run