Flutter環境搭建

Flutter環境搭建

下載flutter，https://flutter.cn/docs/get-started/install/windows

解壓，將flutter目錄配置到環境變量中

並將bin目錄設置到PATH，%FLUTTER_HOME%\bin

設置futter源，添加環境變量

PUB_HOSTED_URL

https://pub.flutter-io.cn

FLUTTER_STORAGE_BASE_URL

https://storage.flutter-io.cn

還需要JDK環境和Android SDK

如果下載了Android Studio，並安裝了SDK，配置Android SDK環境變量

ANDROID_HOME
D:\Users\dagger\AppData\Local\Android\Sdk

注冊Andriod SDK Lincese

運行flutter doctor --android-licenses

然后一直Y（同意）就行了

檢測flutter環境

運行flutter doctor

VSCode 配置

添加flutter插件，它會自動把Dart插件也安裝好

配置 Android 設備

在手機上打開“開發者選項”和開啟“USB調試”

比如華為手機就是在 系統 -> 關於手機 ，連續按版本號7~8下，就會開啟開發者模式了。

然后”系統“下就多了個”開發人員選項“，進入后打開”USB調試“

安裝Google USB或者在Android SDK管理器安裝，打開Android Studio

1. 在 Android Studio 中，依次點擊 Tools > SDK Manager。

2. 點擊 SDK Tools 標簽。

3. 選中 Google USB Driver，然后點擊 OK。

   

讓flutter識別已連接的Android設備

在命令行中，使用 flutter devices 命令來確保 Flutter 能夠識別出你所連接的 Android 設備。

之后運行flutter doctor，顯示有一個設備已連接成功

創建Android模擬器

在Android Studio里面

創建完成后，可以在VS Code中使用Flutter: Launch Emulator命令啟動模擬器

在VSCode上創建Flutter項目

運行Ctrl+Shift+P

輸入flutter，選擇New Project

啟動需要下載flutter的一些依賴，會比較慢，這里將android/build.gradle修改，配置成阿里源鏡像

buildscript {
    ext.kotlin_version = '1.3.50'
    repositories {
        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' }
        // google()
        // jcenter()
    }

    dependencies {
        classpath 'com.android.tools.build:gradle:3.5.0'
        classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
    }
}

allprojects {
    repositories {
        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' }
        // google()
        // jcenter()
    }
}

rootProject.buildDir = '../build'
subprojects {
    project.buildDir = "${rootProject.buildDir}/${project.name}"
}
subprojects {
    project.evaluationDependsOn(':app')
}

task clean(type: Delete) {
    delete rootProject.buildDir
}

將flutter安裝目錄下的packages\flutter_tools\gradle\flutter.gradle也修改

buildscript {
    repositories {
        // google()
        // jcenter()
				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' }
    }
    dependencies {
        classpath 'com.android.tools.build:gradle:3.5.0'
    }
}

之后用Android Studio打開android目錄，下載gradle依賴並構建

按F5啟動App，並選擇設備

將會等待一段時間，如果一直卡在gradle build下載那里，可以參考下這篇

https://www.cnblogs.com/sleepingDogs/p/11276604.html
啟動需要很長一段時間，靜靜等待...

啟動成功后界面如下