最终效果
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 副本 |
最终效果
flutter
网友评论