阿川私房教材：
學 JavaScript 前端，帶作品集去面試！

63 個專案實戰，寫出作品集，讓面試官眼前一亮！

立即開始免費試讀！

小編精選 - 技術文章翻譯 · 08月15日

用用看 Kiro 這個強大的 IDE 工具吧！

今天，我們隆重推出 Kiro，這是一款代理 IDE，它能幫助您透過規範驅動的開發，發揮出最佳水準。除了提供代理聊天功能外，Kiro 還引入了一種使用規範和代理鉤子進行 AI 建置的全新方式。

入門很簡單：

存取kiro.dev並下載安裝程序
開啟下載的檔案並依照您的作業系統（Windows、macOS 或 Linux）的安裝說明進行操作
啟動 Kiro 並開始編碼！

首次執行

首次開啟 Kiro 時，您將經歷一個快速設定過程：

身份驗證：從可用的社交和 AWS 登入選項中選擇您喜歡的登入方式。了解有關身份驗證方法的更多資訊。
配置：可選擇匯入您的 VS Code設定和擴充。選擇您喜歡的主題，並允許 Kiro 設定 Shell 集成，以便代理可以代表您執行命令。

打開你的專案

您可以透過兩種方式開始使用 Kiro：

在你的專案目錄中執行kiro .
打開 Kiro 並從介面中選擇一個專案

Kiro 適用於現有專案或透過常規流程建立的新專案（例如create-next-app ）。

Kiro 主頁要求您開啟一個專案

建立轉向文件

指導文件是 Markdown 文件，提供有關專案背景資訊（例如架構、技術堆疊和約定）。開始操作：

導航到側邊欄中的幽靈圖標
點選“產生指導文件”

這將為您的專案建立三個指導文件：「產品」、「結構」和「技術」。您可以開啟並編輯這些文件，以滿足您的特定專案需求。例如，如果您正在使用 Next.js 和 AWS Amplify 應用程式，這些檔案將概述您的功能、應用程式結構和技術堆疊。

您也可以建立自訂指導文件。例如，如果您希望 Kiro 在編寫程式碼之前先編寫測試，則可以新增test-driven-development.md檔案。只需加入初始提示，然後點擊“優化”，Kiro 即可將其擴展為詳細規範。

測試驅動開發的指導文件

氛圍編碼

如果您需要與 Kiro 進行簡單的任務或日常對話，您可以透過右側的代理聊天功能使用氛圍編碼功能。此模式非常適合：

詢問有關現有程式碼庫的問題
快速原型設計與實驗

使用規格加入功能

規格是 Kiro 開發工作的一大亮點。它提供了從構思到生產的框架。具體流程如下：

規格菜單

需求階段

首先描述您的功能（例如，「在我的瑣事應用程式中新增社群登入」）。 Kiro 會產生一個requirements.md文件，類似產品經理建立的文件。請檢查這些要求並根據需要進行調整。您甚至可以透過聊天視窗請求更改，例如加入其他提供者的登入功能。

需求文件

設計階段

一旦您對需求滿意，Kiro 就會根據您的需求和指導文件建立技術設計文件。對於 TypeScript 專案，這包括 TypeScript 介面、使用者體驗流程、進階架構和實作細節。您可以根據需要進行審查和編輯。

實施階段

Kiro 會根據您的需求和設計產生任務清單。您可以直接在 Markdown 檔案中或透過 Agentic 聊天編輯這些任務。請依序完成每個任務，從後端配置等基礎元素開始。

專業提示：為每個功能建立單獨的規格，以使任務清單易於管理並改善與團隊的協作！

設定代理鉤子

代理鉤子 (Agent Hooks) 是一種自動化工具，可根據特定事件（例如儲存檔案）觸發操作。它們可以處理以下重複性任務：

新增功能時編寫文件
更新您的 README
透過 Figma MCP 伺服器與設計系統同步
更新專案管理票

要建立代理掛鉤：

使用左側的幽靈圖示導覽至 Kiro 窗格
點選「代理鉤子」旁的加號按鈕
配置你的鉤子（例如，每次加入功能時更新 README）

代理鉤子

整合 MCP 伺服器

Kiro 支援 MCP 伺服器，讓您連接外部服務和工具。例如，要整合 Asana 進行任務管理：

導航至左側的幽靈圖標
點擊編輯按鈕
依照服務的說明新增伺服器配置

以下是 Asana 的範例配置：

{
  "mcpServers": {
    "fetch": {
      "command": "uvx",
      "args": ["mcp-server-fetch"],
      "env": {},
      "disabled": true,
      "autoApprove": []
    },
+    "asana": {
+      "command": "npx",
+      "args": ["mcp-remote", "https://mcp.asana.com/sse"]
+    }
  }
}