一、下載安裝及配置
1、安裝 Flutter SDK
進(jìn)入 Flutter官網(wǎng) 下載 Flutter SDK
我安裝時(shí)的下載地址：https://flutterchina.club/setup-macos/
下載好后，將flutter_macos_1.17.5-stable.zip安裝包，解壓到不會(huì)輕易誤刪的地方。這里我解壓到文稿中。也就是路徑為/Users/你的mac名/Documents的位置。
編輯環(huán)境變量，打開(kāi) 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
上面代碼用于檢測(cè)你還有哪些部分沒(méi)有配置完成。
如果你終端是zsh，你還需要多一步
open ~/.zshrc
在最下面添加這一行代碼
source ~/.bash_profile
2、安裝 Xcode
直接在AppSotre中，搜索Xcode進(jìn)行安裝即可。
終端輸入 flutter doctor 進(jìn)行檢查。
3、安裝 Android Studio
進(jìn)入 Android Studio官網(wǎng) 下載
下載后，按自己需要進(jìn)行設(shè)置及安裝。
安裝結(jié)束后添加環(huán)境變量
open ~/.bash_profile
在最后一行添加下面代碼
export PATH=${PATH}:~/Library/Android/sdk/platform-tools
source ~/.bash_profile
接著打開(kāi) Android Studio，在 Plugin 中搜索 flutter 并安裝。它會(huì)自動(dòng)安裝 flutter、dart兩個(gè)插件。
安裝結(jié)束后可以輸入 flutter doctor 檢測(cè)是否成功。
4、下載 VScode
進(jìn)入 VScode官網(wǎng) 下載
下載好后添加 flutter、Dart 兩個(gè)插件
終端輸入 flutter doctor 進(jìn)行檢測(cè)。
5、安裝夜神模擬器
進(jìn)入 夜神模擬器官網(wǎng) 下載
安裝并打開(kāi)。
二、運(yùn)行項(xiàng)目
在運(yùn)行時(shí)為了增加流暢性，建議修改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)建你的第一個(gè)項(xiàng)目
flutter create 項(xiàng)目名
cd 項(xiàng)目名
并修改你項(xiàng)目中的 android/build.gradle 的配置文件。同樣修改 repositories 中的內(nèi)容。只不過(guò)他有兩個(gè)位置都要替換。
接著將項(xiàng)目與夜神模擬器建立連接，在終端輸入
adb connect 127.0.0.1:62001
輸入完沒(méi)報(bào)錯(cuò)就是連接成功了。
如果報(bào)錯(cuò)，那是因?yàn)槟阋股衲M器沒(méi)有打開(kāi)，要在打開(kāi)的狀態(tài)下在輸入指令連接。
確認(rèn)無(wú)誤后，即可開(kāi)始編譯運(yùn)行。
flutter run
