開始使用 AI 開發

Claude Code 是 Anthropic 推出的代理式程式碼輔助工具， 可在終端機中執行。

安裝官方插件

為 Claude Code 安裝官方的 Flutter 與 Dart 技能及 MCP 設定：

1. 新增 Claude Code 插件的 marketplace：

   bash

   claude plugin marketplace add flutter/agent-plugins
   

   content_copy

2. 安裝 Flutter 與 Dart 插件：

   bash

   claude plugin install dart-flutter@dart-flutter
   

   content_copy

設定 agent rules

Claude Code 插件會探索技能與 MCP 伺服器， 但不會自動載入插件的規則。 若要為 Claude Code 加入官方的 Flutter 規則， 請從 官方規則儲存庫 中挑選你需要的規則，加入專案的 CLAUDE.md 檔案。

驗證安裝

驗證插件在 Claude Code 中是否已啟用：

claude plugin marketplace list

Cursor 是建構於 VS Code 之上、 由 AI 驅動的程式碼編輯器。

安裝官方插件

使用下列任一方法，為 Cursor 安裝官方的 Flutter 與 Dart 技能及 MCP 設定：

• 前往 Cursor Marketplace 上的 Dart and Flutter 插件， 並選擇 Add to Cursor。
• 在 Cursor 中開啟 Customize，然後搜尋並加入 Dart and Flutter。
• 在 Cursor 聊天工作階段中，執行 /add-plugin dart-flutter。

Cursor 會自動探索內含的技能，並設定 Dart and Flutter MCP server。

設定 agent rules

Cursor 支援在 .cursor/rules/ 目錄中， 使用 .mdc 檔案建立限定檔案範圍的規則。 若要為 Cursor 加入官方的 Flutter 規則， 請從 官方規則儲存庫 下載 .mdc 檔案，放入專案的 .cursor/rules/ 目錄。

Codex 是專為 終端機與 IDE 工作流程設計的代理式程式碼輔助工具。

安裝官方插件

為 Codex 安裝官方的 Flutter 與 Dart 技能及 MCP 設定：

1. 新增 Codex 插件的 Dart and Flutter marketplace：

   bash

   codex plugin marketplace add flutter/agent-plugins
   

   content_copy

2. 安裝 Dart and Flutter 插件：

   bash

   codex plugin add dart-flutter@dart-flutter
   

   content_copy

設定 agent rules

Codex 插件會安裝技能與 MCP 伺服器， 但不會自動內含規則。 若要為 Codex 加入官方的 Flutter 規則， 請從 官方規則儲存庫 下載 .md 規則檔案，放入專案的 .agent/rules/ 目錄， 或將規則指示附加到 CODEX.md。

驗證安裝

驗證插件在 Codex 中是否已啟用：

codex plugin list

VS Code 中的 GitHub Copilot 支援 代理式程式設計、透過 MCP 呼叫工具，以及自訂的工作區指示。

設定 MCP 伺服器

1. 確認 VS Code 中已啟用 Model Context Protocol (MCP) 擴充功能。

2. 在工作區中建立或開啟 .vscode/mcp.json，並加入 Dart MCP 伺服器：

   json

   {
     "servers": {
       "dart": {
         "command": "dart",
         "args": ["mcp-server"]
       }
     }
   }
   

   content_copy

安裝 agent skills

在 Flutter 專案根目錄中，使用 universal 旗標安裝官方技能：

# Install Flutter skills
npx skills add flutter/agent-plugins --skill '*' --agent universal --yes

# Install Dart skills
npx skills add dart-lang/skills --skill '*' --agent universal --yes

設定 agent rules

GitHub Copilot 支援在 .github/copilot-instructions.md 中設定自訂的工作區指示。 若要為 Copilot 加入官方的 Flutter 規則， 請從 官方規則儲存庫 中挑選你需要的規則，加入專案的 .github/copilot-instructions.md 檔案。

如果你使用其他支援 Model Context Protocol (MCP) 或 Agent Skills 規範的程式碼輔助工具（例如 Windsurf、Zed 或 Cline）， 請手動設定這些工具。

設定 MCP 伺服器

大多數相容 MCP 的用戶端都使用標準的 JSON 設定格式。請將下列項目 加入用戶端的 MCP 設定檔：

{
  "mcpServers": {
    "dart": {
      "command": "dart",
      "args": ["mcp-server"]
    }
  }
}

如需各用戶端專屬的設定指南、命令列引數與疑難排解， 請參閱 Dart and Flutter MCP server 儲存庫。

安裝 agent skills

使用 skills CLI 將技能下載到工作區標準的 .agents/skills 目錄：

# Install Flutter skills
npx skills add flutter/agent-plugins --skill '*' --agent universal --yes

# Install Dart skills
npx skills add dart-lang/skills --skill '*' --agent universal --yes

設定 agent rules

如果你的程式碼輔助工具支援專案指示或規則 （例如 Windsurf 的 .windsurfrules 或 Cline 的 .clinerules）， 請從 官方規則儲存庫 複製或下載規則，放入輔助工具的設定檔。