mac系統(tǒng)下配置flutter環(huán)境

一、下載安裝及配置

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
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

友情鏈接更多精彩內(nèi)容