先放 Flutter 中文官网:https://flutterchina.club/
环境要求
- 操作系统: Windows 7 或更高版本 (64-bit)
- 磁盘空间: 400 MB (不包括Android Studio的磁盘空间).
- Git for Windows (Git命令行工具)
获取Flutter SDK
- 下载地址:https://flutter.dev/docs/development/tools/sdk/releases#windows & https://github.com/flutter/flutter/releases
解压下载下来的zip文件
设置环境变量
-
用户自定义环境变量中新建:
-
找到之前解压zip包中bin文件的全路径放到 PATH 变量中
-
新建变量名 PUB_HOSTED_URL ,变量值 https://pub.flutter-io.cn
-
新建变量名 FLUTTER_STORAGE_BASE_URL,变量值 https://storage.flutter-io.cn
下载 VisualStudio code
下载地址:https://code.visualstudio.com/,下载完成后安装。
PS:(VisualStudio 和 VisualStudio Code 是不一样的两个软件,我竟然在 VisualStudio 搞了半天)
给 VS Code 配置 Flutter
- ctrl + shift + X,搜索框输入 flutter ,搜索出来的结果点击 install
- 等待安装完毕,这里装了 flutter 同时 flutter 需要的 dart 环境也会自动安装。然后重启
检查 Flutter 环境是否安装完毕
打开终端,输入 flutter doctor,如果环境变量配置成功的话,这里会直接去下载 flutter 需要的依赖包等等,由于我之前用过AndoridStudio,所以我执行出来会有很多×
都是AndroidStudio各个版本没有安装 flutter 环境的原因,我这边给我常用的 3.5 版本的 AndroidStudio 安装了,其他不用管了除非你需要用其他版本的 AndroidStudio,但是我们这里说的 VS Code 的 flutter 环境,所以所有 AndroidStudio的环境都不用管。
创建第一个 Flutter 应用
- ctrl + shift + p -> 输入 flutter -> 选择 New Aplication project -> 选择项目位置 -> 输入项目项目名字 ,等待项目构建。
- 项目构建完毕,查看 VS Code 右下角是否连上手机,然后按 F5 开始部署代码,打包apk 到手机 (如果在 running 界面等待过久,检查环境变量中的 PUB_HOSTED_URL 和 FLUTTER_STORAGE_BASE_URL是否配对)
- 在部署代码的时候会下载 gradle 插件,你也可以选择使用本地已有 gradle 版本(查看本地版本方法 C:-> user -> username -> .gradle -> wrapper -> dists -> 里面选择一个版本,该版本需要下载完毕的)