mcpField
I
install-flutter-from-git

install-flutter-from-git

github.com/rodydavis开发6065 次安装2 周前更新
代码仓库

关于 install-flutter-from-git

用于通过 Git 安装 Flutter SDK,并配置 Web、移动端和桌面开发环境的技能。内容涵盖 PATH 设置、依赖检查及各平台的前置要求。

主要功能

  1. 01克隆 stable 版 Flutter
  2. 02配置 Flutter 的 PATH
  3. 03使用 flutter doctor 检查环境
  4. 04启用 Web、移动端和桌面目标

适用场景

  1. 01在新设备上安装 Flutter
  2. 02准备各平台的 Flutter 开发环境

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/rodydavis/skills --skill install-flutter-from-git

安装后在 Claude Code 中输入/install-flutter-from-git确认已加载。

详细介绍

从 Git 安装 Flutter

本技能将指导你使用 git clone 安装 Flutter SDK,并为 Web、移动端和桌面端开发配置环境。

1. 前置条件(所有平台)

确保已安装以下工具:

  • Git:安装 Git
  • Curl/Unzip(macOS/Linux 通常已预装;Windows 通常需要 Git Bash 或类似工具)

2. 安装 Flutter SDK

macOS / Linux

打开终端,运行以下命令以克隆 Flutter SDK 的 stable 分支。

# Create a directory for development (e.g., ~/development)
mkdir -p ~/development
cd ~/development

# Clone the Flutter SDK
git clone https://github.com/flutter/flutter.git -b stable
Windows

打开 PowerShell 或命令提示符。

# Create a directory for development (e.g., C:\src)
mkdir C:\src
cd C:\src

# Clone the Flutter SDK
git clone https://github.com/flutter/flutter.git -b stable

3. 将 Flutter 添加到 PATH

若要在任意终端中运行 flutter 命令,必须将 SDK 的 bin 目录添加到 PATH。

macOS(Zsh)/ Linux(Bash/Zsh)
  1. 打开 shell 配置文件(例如 ~/.zshrc、~/.bashrc 或 ~/.zshenv)。

  2. 添加以下行(将 ~/development/flutter 替换为实际路径):

    export PATH="$PATH:$HOME/development/flutter/bin"
    
  3. 刷新当前终端:

    source ~/.zshrc  # or ~/.bashrc
    
Windows
  1. 按 Win + S,输入“env”,然后选择 编辑系统环境变量。
  2. 点击 环境变量。
  3. 在 用户变量下,选择 Path 并点击 编辑。
  4. 点击 新建,添加 flutter\bin 的完整路径(例如 C:\src\flutter\bin)。
  5. 在所有窗口中点击 确定。
  6. 重启终端/PowerShell。

4. 验证安装

运行以下命令,检查是否缺少依赖项:

flutter doctor

5. 平台配置

Web(Chrome)
  1. 安装 Chrome:确保已安装 Google Chrome。
  2. 启用 Web 支持(通常默认启用):
    flutter config --enable-web
    
  3. 验证:运行 flutter devices,查看列表中是否有“Chrome”。
移动端(iOS 和 Android)
iOS(仅限 macOS)
  1. 安装 Xcode:从 Mac App Store 下载。
  2. 配置命令行工具:
    sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
    sudo xcodebuild -runFirstLaunch
    
  3. 安装 CocoaPods(用于依赖管理):
    sudo gem install cocoapods
    
  4. 模拟器:通过 open -a Simulator 打开。
Android(所有操作系统)
  1. 安装 Android Studio:在此下载。
  2. 安装 SDK 组件:
    • 打开 Android Studio -> SDK Manager。
    • 安装 Android SDK Platform-Tools。
    • 安装 Android SDK Command-line Tools (latest)。
  3. 接受许可协议:
    flutter doctor --android-licenses
    
    (按 y 接受所有许可协议)。
  4. 模拟器:在 AVD Manager 中创建设备。
桌面端(macOS、Windows、Linux)
macOS 桌面端
  1. 安装 Xcode:(与上文 iOS 步骤相同)。
  2. 启用 macOS:
    flutter config --enable-macos-desktop
    
Windows 桌面端
  1. 安装 Visual Studio(不是 VS Code):下载 VS Community。
  2. 工作负载:安装时选择 使用 C++ 的桌面开发。
  3. 启用 Windows:
    flutter config --enable-windows-desktop
    
Linux 桌面端
  1. 安装依赖项(Ubuntu/Debian 示例):
    sudo apt-get update
    sudo apt-get install clang cmake ninja-build pkg-config libgtk-3-dev liblzma-dev
    
  2. 启用 Linux:
    flutter config --enable-linux-desktop
    

6. 最后检查

再次运行 flutter doctor,确保所有目标平台都显示勾选标记。

flutter doctor -v

评论

支持 Markdown