一.下載安裝Flutter车要。

1.1 下載安裝包Flutter SDK

1.2 下載完成后進(jìn)行解壓:

1.3 配置環(huán)境變量党觅。

控制面板->系統(tǒng)和安全->系統(tǒng)->高級系統(tǒng)設(shè)置->環(huán)境變量->path->編輯->新建

1.4 安裝flutter依賴并檢查扫尺。

cmd命令:

flutter doctor

1.5 查看flutter版本。

flutter doctor -v

二.Android Studio安裝配置。

2.1 Android studio安裝dart和flutter插件。

2.2 重啟Android studio創(chuàng)建flutter工程。

三.VsCode配置瑟啃。

1.vscode添加flutter支持。

2.創(chuàng)建一個flutter的項目揩尸。

3.使用模擬器調(diào)試蛹屿。

四. 創(chuàng)建或者運行項目卡住問題

創(chuàng)建項目一直卡在Creating Flutter Project沒反應(yīng)。
運行項目一直卡在:

Running Gradle task 'assembleDebug'...   

因為創(chuàng)建和運行flutter項目時會卡住是因為Gradle的Maven倉庫在國外, 可以替換使用阿里云的鏡像地址岩榆。方可解決問題错负。

(1). 修改項目中android/build.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' }
     }
  ...
 }

allprojects {
     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' }
     }
 }

(2). 修改Flutter的配置文件, 該文件在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' }
    }
  ...
}
  ...
class FlutterPlugin implements Plugin<Project> {
   // private static final String MAVEN_REPO      = "https://storage.googleapis.com/download.flutter.io";
    private static final String MAVEN_REPO      = "http://download.flutter.io";
    ...
}

(3).替換download.flutter.io。

• flutter/packages/flutter_tools/gradle/resolve_dependencies.gradle

• flutter/packages/flutter_tools/gradle/aar_init_script.gradle

• flutter/packages/flutter_tools/gradle/flutter.gradle

中的：https://storage.googleapis.com/download.flutter.io 替換為：http://download.flutter.io 重新編譯勇边。

五 . 項目結(jié)構(gòu)分析

• .idea：IDE的生成的一些配置犹撒，不用管

• android：創(chuàng)建項目生成的Android原生代碼

• build：項目編譯目錄

• ios：創(chuàng)建項目生成的ios原生代碼

• lib：(重點)我們寫的代碼都在這里邊，以.dart結(jié)尾粒褒。

• test:創(chuàng)建項目自動生成的test文件

pubspec.yaml：(重點)flutter包管理识颊，我們依賴的包都在這里管理，類似于maven奕坟、gradle;flutter依賴包中國地址：flutter-io祥款。除此之外還可以對Flutter進(jìn)行設(shè)置、添加資源文件等月杉。