MAC系統(tǒng)下 Flutter 環(huán)境配置

打開終端

1.git clone -b master https://github.com/flutter/flutter.git

如果長時(shí)間沒響應(yīng)或者下載不了請先設(shè)置國內(nèi)鏡像在終端輸入vim ~/.bash_profile命令,進(jìn)入vim編輯模式,輸入i開始編輯,把以下兩個(gè)環(huán)境路徑粘貼到.bash文件中按ESC健 再按:wq保存退出。

source?~/.bash_profile使設(shè)置生效

export PUB_HOSTED_URL=https://pub.flutter-io.cn

export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

之后再輸入git clone -b master https://github.com/flutter/flutter.git就可以下載了。

等待下載完成之后終端輸入命令

./flutter/bin/flutter --version

會(huì)下載dart-sdk下載完成之后設(shè)置flutterSDK的系統(tǒng)環(huán)境變量

vim ~/.bash_profile

在末尾出添加

export PATH=`pwd`/flutter/bin:$PATH (注pwd為flutter SDK的根目錄,如果完全根據(jù)上面的步驟這里的pwd就是~/目錄)

環(huán)境變量添加成功之后保存退出source?~/.bash_profile使設(shè)置生效,輸入echo $PATH查看打印是否成功設(shè)置環(huán)境變量


至此可以嘗試終端輸入flutter -v命令,出現(xiàn)以下打印證明配置成功了,下面就可以使用flutter了


檢查環(huán)境設(shè)置

flutter doctor


根據(jù)輸出信息在終端設(shè)置對應(yīng)的指令設(shè)置完成就好了

?配置編輯器

Android Studio

安裝Flutter和Dart插件

需要安裝兩個(gè)插件:

Flutter插件: 支持Flutter開發(fā)工作流 (運(yùn)行、調(diào)試、熱重載等).

Dart插件: 提供代碼分析 (輸入代碼時(shí)進(jìn)行驗(yàn)證、代碼補(bǔ)全等).

要安裝這些:

啟動(dòng)Android Studio.

打開插件首選項(xiàng) (Preferences>Plugins?on macOS,?File>Settings>Plugins?on Windows & Linux).

選擇?Browse repositories…, 選擇 Flutter 插件并點(diǎn)擊?install.

重啟Android Studio后插件生效.

VSCode

安裝Flutter插件

啟動(dòng) VS Code

調(diào)用?View>Command Palette…

輸入 ‘install’, 然后選擇?Extensions: Install Extension?action

在搜索框輸入?flutter?, 在搜索結(jié)果列表中選擇 ‘Flutter’, 然后點(diǎn)擊?Install

選擇 ‘OK’ 重新啟動(dòng) VS Code

至此可以打開VSCode打開命令面板(mac快捷鍵command+shift+p)輸入doctor選擇Run flutter Doctor


輸入信息

[flutter] flutter doctor

Doctor summary (to see all details, run flutter doctor -v):

[?] Flutter (Channel stable, v1.7.8+hotfix.4, on Mac OS X 10.14.3 18D109, locale zh-Hans-CN)

[?] Android toolchain - develop for Android devices (Android SDK version 29.0.2)

[?] Xcode - develop for iOS and macOS (Xcode 10.2.1)

[?] iOS tools - develop for iOS devices

[?] Android Studio (version 3.4)

[?] VS Code (version 1.37.0)

[!] Connected device

? ? ! No devices available

! Doctor found issues in 1 category.

exit code 0


配置完成(溫馨提示,如果出現(xiàn)找不到flutterSDK等檢查環(huán)境變量是否設(shè)置正確就行了,基本就只有這個(gè)原因)

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

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

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