Flutter開發(fā)環(huán)境搭建(工欲利其器 必先善其事)

官方教程:在 macOS 上安裝和配置 Flutter 開發(fā)環(huán)境

一、下載Flutter

1、直接在Github 上(而不是歸檔)下載

你也可以不從歸檔,而是用 Git 直接下載。例如,可以運(yùn)行下方的命令,以下載穩(wěn)定分支的 SDK:

git clone https://github.com/flutter/flutter.git -b stable
2、更新 PATH 環(huán)境變量

配置代碼
vim $HOME/.zshrc 打開配置文件,目錄 “ /Users/xxx” xxx你的用戶名

export PATH="$PATH:/Users/xxx/Desktop/flutter/bin" // 你下載的flutter目錄

//  科學(xué)上網(wǎng)原因,F(xiàn)lutter官方為中國開發(fā)者搭建了臨時(shí)鏡像,大家可以將如下環(huán)境變量加入到用戶環(huán)境變量中:
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

配置截圖

image.png

3、運(yùn)行 source $HOME/.bash_profile 來刷新當(dāng)前命令行窗口。
4、通過運(yùn)行以下命令來驗(yàn)證 flutter/bin 文件夾是否已經(jīng)添加到 PATH 環(huán)境變量中:
 echo $PATH
4、驗(yàn)證 flutter 命令是否可用,可以執(zhí)行下面的命令檢測:
 which flutter
5、查看當(dāng)前安裝的Flutter版本
flutter --version

二、開發(fā)平臺配置

1、配置 iOS 開發(fā)環(huán)境

一、 通過 Mac App Store 來安裝最新穩(wěn)定版 Xcode
image.png
2、啟動Xcode,下載和創(chuàng)建模擬器

點(diǎn)擊XCode,選擇Setting,點(diǎn)擊Platforms,如果沒有iOS 設(shè)備的話,點(diǎn)擊+下載你需要的Sdk和版本


image.png

點(diǎn)擊Window,選擇“Device and Simulators”,點(diǎn)擊 “+”,創(chuàng)建模擬器設(shè)備


image.png
3、配置 Xcode 命令行工具以使用新安裝的 Xcode 版本。從命令行中運(yùn)行以下命令:
 sudo xcode-select -s /Applications/Xcode.app/Contents/Developer
 sudo xcodebuild -runFirstLaunch

當(dāng)你安裝了最新版本的 Xcode,大部分情況下,上面的路徑都是一樣的。但如果你安裝了不同版本的 Xcode,你可能要更改一下上述命令中的路徑。

4、同意 Xcode 的許可協(xié)議:

運(yùn)行一次 Xcode
在終端輸入命令并運(yùn)行:

sudo xcodebuild -license

舊版本可能也能夠正常工作,但是不建議在 Flutter 開發(fā)環(huán)境中使用。舊版本的 Xcode 不支持定位代碼,還可能無法正常工作。
安裝了 Xcode 之后,你就可以在 iOS 真機(jī)或者模擬器上運(yùn)行 Flutter 應(yīng)用了。

2、配置 Android 開發(fā)環(huán)境

a、安裝 Android Studio
  1. 下載并安裝 Android Studio。
  2. 運(yùn)行 Android Studio,并進(jìn)入 ‘Android Studio Setup Wizard’,這會安裝最新的 Android SDK, Android SDK Platform-Tools 以及 Android SDK Build-Tools,這些都是在開發(fā) Android Flutter 應(yīng)用時(shí)所需要的。
    檢查是否全部安裝


    image.png

    3、安裝支持Flutter的插件


    image.png

4、 運(yùn)行 flutter doctor 確保 Flutter 已經(jīng)定位到了你的 Android Studio 的安裝位置。如果 Flutter 并未定位到,運(yùn)行 flutter config --android-studio-dir <directory> 設(shè)置你的 Android Studio 的安裝目錄。

b、配置安卓模擬器

點(diǎn)擊Tool,選擇Device manager,點(diǎn)擊 + 創(chuàng)建設(shè)備,需要下載Sdk的時(shí)候,下載模擬器Sdk


image.png

到此,安卓和iOS開發(fā)環(huán)境搭建大概流程已經(jīng)完成,接下來,我們將分別在iOS和Android模擬器上運(yùn)行我們第一個(gè)Flutter程序,敬請期待

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

相關(guān)閱讀更多精彩內(nèi)容

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