前排注意
本文的搭建环境均在Windows下进行,macOS和Linux的教程很多了,随便一翻就是
官网的就很好用了,一步到位)
同时,本文的镜像源均采用 TsinghuaTUNA ,换别的也 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 插件

  1. 在项目目录下新建一个.vscode的目录(如果没有直接点F5走Flutter插件的运行,会自动生成一个的,如果这里没什么异常,建议不用继续往下看了,说明人家把这个问题解决了)
  2. 在.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"
            ]
        }
    ]
}

注意事项:

  1. 从配置能看出来,内容非常浅显易懂,可以自己动手改一改
  2. 比如chrome可以改成edge(都是Chromium 有什么问题?)
  3. 比如web-port 端口号改成你喜欢的
  4. 比如你就是不愿意在本地回环IP上跑(127.0.0.1)
  5. .....