溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

fultter搭建環(huán)境

發(fā)布時間:2020-07-07 06:17:18 來源:網(wǎng)絡 閱讀:280 作者:IT阿飛 欄目:軟件技術(shù)

下載內(nèi)容:

  1. 下載flutter sdk:
    地址:https://flutter.dev/docs/development/tools/sdk/releases#windows
    2.下載android studio
    地址:http://www.android-studio.org/index.php/download
    3.下載android sdk
    地址:http://tools.android-studio.org/index.php/sdk (window壓縮包)
    4.下載 jdk
    地址:https://www.oracle.com/technetwork/java/javase/downloads/index.html
    配置環(huán)境變量:
  2. PUB_HOSTED_URL=https://pub.flutter-io.cn
  3. FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
  4. JAVA_HOME = 你下載的jdk路徑
  5. flutter_home = 你下載的flutter sdk 的路徑

操作:
1.在Flutter安裝目錄的flutter文件下找到flutter_console.bat,雙擊運行并啟動flutter命令行,接下來,你就可以在Flutter命令行運行flutter命令了。
2.`運行 flutter doctor
打開一個新的命令提示符或PowerShell窗口并運行以下命令以查看是否需要安裝任何依賴項來完成安裝:

flutter doctor`
3.如果得到下面的界面表示flutter已經(jīng)安裝成功了。

fultter搭建環(huán)境
安裝flutter依賴
繼續(xù)在cmd敲入 flutter doctor。可以看到如下提示:
fultter搭建環(huán)境

上面第一個 × 是沒有android licenses,照著敲一遍 flutter doctor --android-licenses,全部選 y 就好。

繼續(xù)運行 flutter doctor,如下

這兩個 × 是因為Android Studio沒有安裝plugin。

Android Studio安裝plugin
打開Android Studio,F(xiàn)ile -> Setting -> Plugins
fultter搭建環(huán)境
搜索flutter,點擊install

安裝完成后需要重啟一次Android Studio,重啟完成繼續(xù)執(zhí)行一次flutter doctor,

打開Android Studio,F(xiàn)ile -> Setting ,再android studio 中設置flutter sdk
fultter搭建環(huán)境
點開Android Studio的 File -> New 可以看到 New Flutter Project... 選項
好了到這里,flutter的開發(fā)環(huán)境就搭好了,老規(guī)矩,來個hello world測試一下。

設置Android模擬器
要準備在Android模擬器上運行并測試您的Flutter應用,請按照以下步驟操作:

啟動 Android Studio>Tools>Android>AVD Manager 并選擇 Create Virtual Device.
選擇一個設備并選擇 Next。
為要模擬的Android版本選擇一個或多個系統(tǒng)映像,然后選擇 Next. 建議使用 x86 或 x86_64 image .
在 Emulated Performance下, 選擇 Hardware - GLES 2.0 以啟用 硬件加速.
驗證AVD配置是否正確,然后選擇 Finish。

在 Android Virtual Device Manager中, 點擊工具欄的 Run。模擬器啟動并顯示所選操作系統(tǒng)版本或設備的啟動畫面.
運行 flutter run 啟動您的設備. 連接的設備名是 Android SDK built for <platform>,其中 platform 是芯片系列, 如 x86.
fultter搭建環(huán)境
模擬器出現(xiàn)上面的界面,搭建環(huán)境算是ok了

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI