天天看點

flutter 搭建開發環境

1. 新增必要的使用者和環境變量

配置下載下傳鏡像

  • PUB_HOSTED_URL

    ​​​ https://pub.flutter-io.cn​​

  • FLUTTER_STORAGE_BASE_URL

    ​​​ https://storage.flutter-io.cn​​

    flutter 搭建開發環境
    添加使用者變量——讓flutter指令全局可用
  • Path

    C:\src\flutter\bin

    %ANDROID_HOME%\platform-tools

    %ANDROID_HOME%\tools

flutter 搭建開發環境

添加系統變量——android 的相關配置

  • Path

    %ANDROID_HOME%\platform-tools

    %ANDROID_HOME%\tools

  • flutter 搭建開發環境
  • ANDROID_HOME

    C:\src\android\Sdk

  • flutter 搭建開發環境

2. 下載下傳解壓Flutter的SDK

連結:​​https://pan.baidu.com/s/1sF-f81nS9xZiOtagzeA8GQ​​ 提取碼:wx0f

解壓後将其中的flutter檔案夾放到C:\src中,此時,Flutter的SDK位址為 C:\src\flutter

3. 下載下傳安裝Android Studio

連結:​​https://pan.baidu.com/s/18dFbL9ru1sH-02fyZg_4ww​​ 提取碼:id4d

此為.exe檔案,輕按兩下按預設安裝在c盤中即可

安裝好後,打開Android Studio,按下圖找到Android SDK的安裝目錄C:\src\android\Sdk

flutter 搭建開發環境

4. 建立虛拟裝置

打開Android Studio

flutter 搭建開發環境
flutter 搭建開發環境

按向導建立即可,點播放按鈕,啟動該裝置

flutter 搭建開發環境
flutter 搭建開發環境

5. 下載下傳安裝 vscode

​​https://code.visualstudio.com/​​

flutter 搭建開發環境

下載下傳後輕按兩下運作按提示操作,不斷确定/下一步即可。安裝插件 Dart 和 Flutter

flutter 搭建開發環境

6. 檢測開發環境是否搭建完成

在電腦桌面上點滑鼠右鍵,在快捷菜單中點選打開指令行終端,執行指令

flutter doctor      

根據提示,下載下傳安裝必要的依賴或進行相關配置

無法解決的問題,随時百度可以找到答案