一.下载安装Flutter。

1.1 下载安装包Flutter SDK

1.2 下载完成后进行解压:

1.3 配置环境变量。

控制面板->系统和安全->系统->高级系统设置->环境变量->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创建flutter工程。

三.VsCode配置。

1.vscode添加flutter支持。

2.创建一个flutter的项目。

3.使用模拟器调试。

四. 创建或者运行项目卡住问题

创建项目一直卡在Creating Flutter Project没反应。
运行项目一直卡在:

Running Gradle task 'assembleDebug'...   

因为创建和运行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 重新编译。

五 . 项目结构分析

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

• android：创建项目生成的Android原生代码

• build：项目编译目录

• ios：创建项目生成的ios原生代码

• lib：(重点)我们写的代码都在这里边，以.dart结尾。

• test:创建项目自动生成的test文件

pubspec.yaml：(重点)flutter包管理，我们依赖的包都在这里管理，类似于maven、gradle;flutter依赖包中国地址：flutter-io。除此之外还可以对Flutter进行设置、添加资源文件等。