Flutter 开发环境搭建 （Windows Android）

学习目标：

Flutter 开发环境搭建及配置（Windows + Android）

iOS 参照文档：https://book.flutterchina.club

---

学习内容：

1. 安装 Flutter
2. IDE 配置及使用
3. 连接设备运行 Flutter 应用

---

学习时间：

2024-03-27

---

学习产出：

安装 Flutter

安装之前有一些必要条件，可参考 Flutter 官方文档：https://docs.flutter.dev/get-started/install

先决条件：需要提前准备好开发工具或 IDE
浏览器 Chrome
Git for Windows >= 2.27
Visual Studio 2022
Visual Studio Code >= 1.77，可选
Android Studio >= 2023.1，可选
IntelliJ IDEA >= 2023.1，可选

VS Code 安装 Flutter

1. 新建窗口，安装 Flutter、Dart 插件
2. 打开命令面板，操作 Ctrl + Shift + P
3. 在命令面板中输入 flutter
4. 选择 Flutter: New Project.
5. VS Code 会提示在计算机上找 Flutter SDK
   a. 已安装 Flutter SDK，请单击Locate SDK
   b. 未安装 Flutter SDK，请单击Download SDK
6. 当提示Which Flutter template?时，忽略，操作ESC，检查开发设置后可以创建一个测试项目

下载 Flutter SDK

1. 当显示Select Folder for Flutter SDK对话框时，选择想要安装的路径

路径不能包含特殊字符或空格，路径不需要很高的访问权限

2. 单击Clone Flutter，VS Code 会显示以下弹出通知：

   Downloading the Flutter SDK. This may take a few minutes.
   

   下载需要几分钟，如果时间过长，请单击Cancel，然后再次安装。
3. Flutter 下载完成后，会显示 Output面板

   Checking Dart SDK version...
   Downloading Dart SDK from the Flutter engine ...
   Expanding downloaded archive...
   

   成功后，VS Code 会显示以下弹出通知：

   Initializing the Flutter SDK. This may take a few minutes.
   

   初始化时，Output面板显示以下内容：

   Building flutter tool...
   Running pub upgrade...
   Resolving dependencies..
   Got dependencies.
   Downloading Material fonts..
   Downloading Gradle Wrapper...
   Downloading package sky_engine...
   Downloading flutter_patched_sdk tools...
   Downloading flutter_patched_sdk_product tools...
   Downloading windows-x64 tools...
   Downloading windows-x64/font-subset tools...
   

4. 单击Add SDK to PATH，成功后会显示一条通知（也可手动将 Flutter SDK 的 bin 添加到环境变量中）：

   The Flutter SDK was added to your PATH
   

5. 重启 VS Code

检查开发设置

打开 PowerShell 或 CMD，输入 flutter doctor，可查看所需配置是否安装完毕，未安装可自行安装。