Flutter Window开发环境

Flutter Window开发环境

获取 Flutter SDK

1. 点击下方的安装包，获取 stable 发行通道的 Flutter SDK 最新版本：flutter_windows_3.7.9-stable.zip要查看其他发行通道和以往的版本，请参阅 SDK 版本列表 页面。
2. 将压缩包解压，然后把其中的 flutter 目录整个放在你想放置 Flutter SDK 的路径中（例如 C:\src\flutter）。

如果你不想安装指定版本的安装包。可以忽略步骤 1 和 2。从 GitHub 上的 Flutter repo 获取源代码，并根据需要，切换到指定的分支或标签。例如：

git clone https://github.com/flutter/flutter.git -b stable

更新 path 环境变量

• 在开始菜单的搜索功能键入「env」，然后选择 编辑系统环境变量。
• 在 用户变量 一栏中，检查是否有 Path 这个条目：
  • 如果存在这个条目，以 ; 分隔已有的内容，加入 flutter\bin 目录的完整路径。
  • 如果不存在的话，在用户环境变量中创建一个新的 Path 变量，然后将 flutter\bin 所在的完整路径作为新变量的值。

运行 flutter doctor

上述命令会检查你的现有环境，并将检测结果以报告形式呈现出来。仔细阅读它显示的内容，检查是否有尚未安装的软件或是有其他的步骤需要完成（通常会以粗体呈现）。

例如：

[-] Android toolchain - develop for Android devices
    • Android SDK at D:\Android\sdk
    ✗ Android SDK is missing command line tools; download from https://goo.gl/XxQghQ
    • Try re-installing or updating your Android SDK,
      visit https://flutter.cn/docs/setup/#android-setup for detailed instructions.

安装 VS Code

VS Code 是一个可以运行和调试 Flutter 的轻量级编辑器。

• VS Code，最新稳定版本

安装 Flutter 和 Dart 插件

1. 打开 VS Code。
2. 打开 View > Command Palette…。
3. 输入「install」，然后选择 Extensions: Install Extensions。
4. 在扩展搜索输入框中输入「flutter」，然后在列表中选择 Flutter 并单击 Install。此过程中会自动安装必需的 Dart 插件。
5. 点击 Reload to Activate 以重新启动 VS Code。

通过 Flutter Doctor 命令验证是否安装成功

1. 打开 View > Command Palette…。
2. 输入 “doctor”，选择 Flutter: Run Flutter Doctor。
3. 打开 OUTPUT 面板查看是否有错误，确保在不同的输出选项 (Output Options) 的下拉列表中选择了 Flutter。

创建Demo 我尝试的是web应用

//创建Demo
flutter create my_app
//切换到 web子文件 使用python运行
python3 -m http.server 8080