废话不多说,直接上步骤:
一、使用flutter镜像
计算机——右键——属性——左边“高级系统设置”——环境变量,在用户或系统环境变量中,增加以下两项,为了保证时效,这里放出官网:
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
也可以使用命令行修改环境变量,打开powershell或cmd,后面带 /m
是系统变量,不带是用户变量:
setx PUB_HOSTED_URL "https://pub.flutter-io.cn" /m
setx FLUTTER_STORAGE_BASE_URL "https://storage.flutter-io.cn" /m
二、安装flutter
依赖以下工具:
- powershell 5.0+
- git for windows
查看powershell版本的命令,注意$
符号也要输入:
$PSVersionTable
查看 git
版本,直接在命令行中输入 git
命令,会出现如下输出:
安装flutter sdk
- flutter官网下载地址,选择个stable稳定版的安装即可,网络不好可以使用 github地址
- 将安装包zip解压到你想安装Flutter SDK的路径(如: C:\src\flutter ;注意,不要将flutter安装到需要一些高权限的路径如
C:\Program Files\
) - 安装目录里的
flutter_console.bat
是flutter自己的命令行,如果想全局使用,需要配置环境变量,如果用户变量中没有Path项,创建一个,如果有,在里面追加一条flutter\btn
的全路径,以我的为例:
重启电脑,环境变量便生效。
安装 Android Studio
官网下载地址,这个是 flutter 需要的 IDE,可以管理安卓依赖、SDK版本等。
安装IDE插件
IDE除了 Android Studio,也可以使用 vscode,两者的插件名一样:flutter,和dart
Android Studio装插件的步骤:
- 启动
- 菜单栏 file——settings——搜索 plugin,找到 plugins选项,在输入框中搜索两个插件,安装即可,如果不显示,开下kexue上网试试。
- 重启IDE
运行 flutter doctor 命令
flutter doctor
然后根据提示,安装红色叉号显示的需要的东西。正常来说,只剩下一个 no devices
警告,没有关系,因为现在还没连接设备或模拟器,暂时不用管。
三、创建 Flutter 应用
vscode 创建
-
ctrl + shift + p
键入flutter
命令,找到new project
,点击 - 输入项目名称
Android Studio 创建
- file —— new flutter project
- 一路 next 即可
四、运行应用程序
连接真机
打开安卓机的设置——搜索 开发者选项——打开“允许USB调试”,如果没有开发者选项,请按对应机型自行baidu,然后连接电脑即可,vscode或IDE会自动识别设备,显示如下:
此时,如果运行 flutter run
,就不会有红叉警告了。
连接模拟器
目前还没有配过第三方模拟器,之后会补充,现在介绍如何在IDE或vscode中创建模拟器:
vscode比较简单,在上面截图中的位置,选择创建模拟器选项:
Android Studio 打开菜单栏的 tools —— ADV Manager —— create... 一路 next 即可。
更改Gradle构建镜像
首先要说明一下,用kexue上网的话,可以试试直接 flutter run
,顺利的话可以启动,如果报的是网络错误的话,那就将kexue上网关掉(一定关,不然影响镜像),然后将项目中的构建源换成阿里源:
maven { url 'https://maven.aliyun.com/repository/google' }
maven { url 'https://maven.aliyun.com/repository/jcenter' }
除了项目中的,还要改下 flutter 本身的构建源,打开
E:\Program Files\flutter\packages\flutter_tools\gradle
安装目录下的 flutter.gradle
文件,编辑如下:
配置好以上镜像后,
flutter run
应该就可以跑起来项目了,如果报 gradle 版本的错误,可能是gradle构建插件版本和gradle依赖版本没有对应上,插件版本在 build.gradle
中指定,依赖版本在 gradle-wrapper.properties
中指定,比如说 4.0.1
版本的 gradle,至少要依赖的最低版本gradle是 6.1.1
,那么就按如下配置即可:
另外,也要改下 flutter 安装目录中的版本,打开 E:\Program Files\flutter\packages\flutter_tools\gradle
安装目录下的 flutter.gradle
文件:
目前只遇到过这么一个坑,如果还有其他错误,请自行baidu。正常来说会看到启动好的应用: