Flutter 新手環境搭建和Android Studio配置以及安裝問題詳解

 

文章目錄

• Flutter 新手環境搭建和Android Studio配置以及安裝問題詳解
• • 1. 下載Flutter SDK
  • 2. 將下載好的SDK解壓到任意目錄
  • 3. 配置環境變量
  • 4. 命令行cmd中執行 `flutter doctor` 命令
  • 5. Android Studio安裝Dart插件
  • 6. Android Studio安裝Flutter插件
  • 7.建立Flutter項目
  • 8. 下載夜神模擬器
  • 9. 運行程序

 

Flutter 新手環境搭建和Android Studio配置以及安裝問題詳解

1. 下載Flutter SDK

https://flutter.dev/docs/get-started/install/windows

2. 將下載好的SDK解壓到任意目錄

3. 配置環境變量

• win10 -> win + q -> 輸入env

• 或 win10 -> 計算機 -> 高級系統設置 -> 高級 -> 環境變量 -> 系統變量

變量名 PUB_HOSTED_URL 變量值 https://pub.flutter-io.cn

變量名 FLUTTER_STORAGE_BASE_URL 變量值 https://storage.flutter-io.cn

變量值 Path 增長變量值（解壓的路徑）E:\flutter\bin

4. 命令行cmd中執行 flutter doctor 命令

• cmd 必須爲管理員模式
• 發現1,2,3處不動的時候，要按回車。

5. Android Studio安裝Dart插件

打開Android Studio -> File -> Settings -> Plugins
搜索Dart插件 在右側點擊Install便可。

6. Android Studio安裝Flutter插件

7.建立Flutter項目

插件安裝完成後，重啓Android Studio新建項目會發現增長了建立Flutter項目的選項。

8. 下載夜神模擬器

https://www.yeshen.com/

• 運行模擬器，若是發現，模擬器沒有在android studio 沒有生成

• 在夜神模擬器bin目錄 D:\Nox\bin 輸入cmd

• 而後執行 nox_adb.exe connect 127.0.0.1:62001

• 運行程序，若是發現卡在Running Gradle task ‘assembleDebug’… 證實沒法訪問牆外的google

• 修改項目中android/build.gradle文件

maven { url 'https://maven.aliyun.com/repository/google' }

maven { url 'https://maven.aliyun.com/repository/jcenter' }

maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }

• 修改Flutter的配置文件, 該文件在Flutter安裝目錄/packages/flutter_tools/gradle/flutter.gradle

maven { url 'https://maven.aliyun.com/repository/google' }

maven { url 'https://maven.aliyun.com/repository/jcenter' }

maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }

private static final String MAVEN_REPO = "https://storage.flutter-io.cn/download.flutter.io";

• 若是發現仍是 Running Gradle task ‘assembleDebug’…
• 下載 gradle-6.3-all
• 下載地址 https://services.gradle.org/distributions/gradle-6.3-all.zip

• 修改成路徑 distributionUrl=file\:/E\:/flutter/gradle/gradle-6.3-all.zip

9. 運行程序

• 運行成功