Android Studio 中創(chuàng)建Flutter環(huán)境配置(Mac環(huán)境)

注:可參見Flutter中文網(wǎng):https://flutterchina.club/setup-macos/

1.先下載Flutter 的SDK ,網(wǎng)頁中有打包好的SDK(https://flutter.io/setup-macos/

2.設置PATH

代碼下載之后在終端中打開bash_profile文件 進行配置(這個文件用Mac開發(fā)過的應該都會有,如果沒有,自己創(chuàng)建bash_profile,在終端錄入 vim ~/.bash_profile

//會進入vim編輯,如下配置即可(進入之后按i進行編輯)

export FLUTTER_HOME=/Users/你剛才到下載路徑/flutter

export PATH=$PATH:$FLUTTER_HOME/bin

3.安裝Flutter和Dart插件

需要安裝兩個插件:

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

Dart插件: 提供代碼分析 (輸入代碼時進行驗證、代碼補全等).

要安裝這些:

(1)啟動Android Studio.

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

(3)選擇 Browse repositories…, 選擇 Flutter 插件并點擊 install.

(4)重啟Android Studio后插件生效.

4.現(xiàn)在可以建項目了

(1)選擇 File>New Flutter Project

(2)選擇 Flutter application 作為 project 類型, 然后點擊 Next

(3)輸入項目名稱 (如 myapp), 然后點擊 Next

(4)點擊 Finish

等待Android Studio安裝SDK并創(chuàng)建項目.

上述命令創(chuàng)建一個Flutter項目,項目名為myapp,其中包含一個使用Material 組件的簡單演示應用程序。

在項目目錄中,您應用程序的代碼位于 lib/main.dart.

注意:在第(3)步的時候,可能會出現(xiàn)Flutter SDK path not given


Flutter SDK path not given

因為沒有設置過Flutter SDK path,所以需要設置一下。打開 AndroidStudio 可以直接填寫在 Flutter SDK path 中,也可以在 AndroidStudio -> Setting -> Languages & Frameworks -> Flutter 中添加配置,如圖:

設置Flutter SDK path

設置好就可以建項目了。第一次創(chuàng)建量個漫長漫長的過程,不要著急。

5.手機連接上電腦,運行即可,如圖

hello


PS: 第一次摸索設置運行,有不對的地方望指正。

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

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

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