前排注意
本文的搭建环境均在Windows下进行,macOS和Linux的教程很多了,随便一翻就是
(官网的就很好用了,一步到位)
同时,本文的镜像源均采用 Tsinghua 的 TUNA ,换别的也 OK
就是对回源策略这事比较上心的话建议查一下再选择对应镜像源
获取 Flutter
1.修改 Windows 环境变量,在用户/系统级别修改都可以,问题不大看你喜好,这两则主要是负责解决 Dart 依赖和 Flutter 更新的。
新建 FLUTTER_STORAGE_BASE_URL 值 https://mirrors.tuna.tsinghua.edu.cn/flutter
新建 PUB_HOSTED_URL 值 https://mirrors.tuna.tsinghua.edu.cn/dart-pub
2.下载 Flutter SDK 本身
其中自选 https://mirrors.tuna.tsinghua.edu.cn/flutter/flutter_infra/releases/stable/
环境变量的 PATH 中(仍是用户/系统级别修改都可以),新增 Flutter bin 目录的路径
3.在下载好的 Flutter SDK 目录下,修改上游 Git 路径
在 解压开的SDK目录下,用 CMD/Powershell/奇怪的第三方Shell...
git remote set-url origin https://mirrors.tuna.tsinghua.edu.cn/git/flutter-sdk.git
完事刷新一下命令行,跑一下 flutter doctor 试试,正常情况,如果没有开发经验的话,出一堆 × 就代表成功了,这代表着以后就可以安装各种各样的插件了(bushi)
VSCode - Flutter
工欲善其事必先利其器,理论上来说从强大这个点来论,最好的Flutter IDE 必定是 Android Stuido
但是我比较懒,再加上需求比较轻量化,所以就 VSCode + Flutter 插件了,
但是好巧不巧 3.0 版本上线后 VSCode 的 Flutter 插件会在 Flutter Web Run 的时候爆
访问失败|端口失效|拒绝连接 的问题,
简单查了一下把一个可用的解决方案挂上来,当然,在这里前提是,电脑已经安装了 VScode 和 Dart 项目组做的 Flutter 插件
- 在项目目录下新建一个.vscode的目录(如果没有直接点F5走Flutter插件的运行,会自动生成一个的,如果这里没什么异常,建议不用继续往下看了,说明人家把这个问题解决了)
- 在.vscode目录下新建launch.json,如下为json配置的内容
{
"version": "0.0.1",
"configurations": [
{
"name": "Flutter",
"request": "launch",
"type": "dart",
"args": [
"-d",
"chrome",
"--web-port",
"8080",
"--web-hostname",
"127.0.0.1"
]
}
]
}
注意事项:
- 从配置能看出来,内容非常浅显易懂,可以自己动手改一改
- 比如chrome可以改成edge(都是Chromium 有什么问题?)
- 比如web-port 端口号改成你喜欢的
- 比如你就是不愿意在本地回环IP上跑(127.0.0.1)
- .....