最终效果

flutter

一、系统基本要求

操作系统：win 7 以上 64 位操作系统（本人使用的是 win 10 64 位）
需要科学上网，不会科学上网的自行百度

二、开始使用 Flutter 准备工作

我把我下载好的已经上传到网盘，大家觉得慢的可以到我网盘下载：
链接：Flutter 所有环境打包下载
提取码：tdnz
内容包括：

jdk-8u191-windows-x64 （jdk 8.0 64 位）

flutter_windows_v0.11.0-dev（flutter 0.11.0 版本）

flutter_windows_v0.9.4-dev （flutter 0.9.4 版本）

android-studio-ide-181.5056338-windows （Android Studio 64 位安装包）

android-sdk_r24.4.1-windows （Android SDK 安装包，可以自行下载，也可下载已经下载好下面的 SDK）

android-sdk_r24.4.1-windows (Android SDK 已全部下载，包括了 Android 9、8.1、8.0、7.1.1、7.0、6.0)

安装 java 环境
官网下载地址：jdk 下载地址：JDK 8.0 64 位下载
JDK 环境变量配置 - win：JDK 环境变量配置 - win
下载 Android Studio ，也可以不下载，本人前端开发，一直使用的是 VS Code，所以我就没有安装，直接下载的 Android SDK。
官网下载地址：Android Studio 下载
下载 Android SDK ，下载好了 Android Studio 的可以不用下载这个（一般内含SDK）。
官网下载（科学上网）：Android SDK
不需要翻墙下载地址：Android SDK
Android SDK 环境变量配置及 SDK 说明：Android SDK 环境变量配置及 SDK 说明 - win
下载 Flutter SDK
官网下载：Flutter SDK （可以根据自己需要下载，本人使用的是 0.11.0）
Flutter SDK 环境变量配置：Flutter SDK 环境变量配置 - win

本人开发环境：win 10 64位、VS Code、真机（是自己的旧手机）我只下载了 1、3、4

三、进入主题

先检测一下环境是否都配好了
cmd 输入 flutter doctor

flutter doctor

这里提示X的是安卓的证书没有安装，证书主要用来打包 apk 的时候加固防抓包用，暂时不装。如需要可以参照官网发布：发布 Android 准备工作
Android Studio 用不着，先不装。

查看电脑上是否有可连接设备或者模拟器设备

flutter devices //  查看连接的设备列表
flutter emulators  //  查看模拟器设备列表

创建项目

flutter create first_flutter  // 不可以使用大写，等待一会就好

创建项目

运行项目

flutter run  // 连接真机直接安装，成功

运行的时候会安装 Initializing gradle... 这个需要翻墙，没有翻墙速度超级慢，确保你网速快的情况下，我是科学上网+100M 光纤独用，之花了十分钟多一点。在公司安装的时候等一下午都没好。。。so，科学上网吧。

也有解决gradle慢的解决方案：
修改项目跟目录下的文件build.gradle，使用国内阿里云镜像仓库地址

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

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

对所有项目生效，在USER_HOME/.gradle/下创建init.gradle文件

allprojects{
    repositories {
        def ALIYUN_REPOSITORY_URL = 'http://maven.aliyun.com/nexus/content/groups/public'
        def ALIYUN_JCENTER_URL = 'http://maven.aliyun.com/nexus/content/repositories/jcenter'
        all { ArtifactRepository repo ->
            if(repo instanceof MavenArtifactRepository){
                def url = repo.url.toString()
                if (url.startsWith('https://repo1.maven.org/maven2')) {
                    project.logger.lifecycle "Repository ${repo.url}</span> replaced by <span class="hljs-variable">$ALIYUN_REPOSITORY_URL."
                    remove repo
                }
                if (url.startsWith('https://jcenter.bintray.com/')) {
                    project.logger.lifecycle "Repository ${repo.url}</span> replaced by <span class="hljs-variable">$ALIYUN_JCENTER_URL."
                    remove repo
                }
            }
        }
        maven {
                url ALIYUN_REPOSITORY_URL
            url ALIYUN_JCENTER_URL
        }
    }
}

Flutter -h 帮助命令

常用命令	含义
--version	查看 Flutter 版本
-h 或者 --help	打印所有命令行用法信息
analyze	分析项目的 Dart 代码
build	Flutter 构建命令
channel	列表或开关 Flutter 通道
clean	删除构建/目录
config	配置 Flutter 设置
create	创建一个新的 Flutter 项目
devices	连接设备的列表
doctor	显示相关安装工具的信息
drive	为当前项目运行 FLutter 驱动程序测试
emulators	列出、启动和创建模拟器
format	格式一个或者多个 Dart 文件
fuchsia_reload	在 Fuchsia 上进行热重载
help	显示帮助信息的 Flutter
install	在附加设备删安装 Flutter 应用程序
logs	显示用于运行 Flutter 应用程序的日志输出
packages	用于管理 FLutter 包
precache	填充了 Flutter 工具的二进制工件缓存
run	在附加设备删运行 Flutter 应用程序
screenshot	从一个连接的设备截图
stop	停止在附加设备上的 Flutter 应用程序
test	对当前项目的 Flutter 单元测试
trace	开始并停止跟踪运行的 Flutter 应用程序
upgrade	升级 Flutter 副本