歡迎使用 Cursor 進行 JavaScript 和 TypeScript 開發！編輯器透過其擴充功能生態系統為 JS/TS 開發提供卓越的支援。以下是您需要了解的內容，以充分發揮 Cursor 的功能。

​
必備擴充功能

雖然 Cursor 可以與您偏好的任何擴充功能完美搭配使用，但我們建議剛開始使用的用戶安裝以下擴充功能：
  • ESLint - Cursor 的 AI 驅動程式碼檢查修復功能所必需
  • JavaScript and TypeScript Language Features - 增強的語言支援和 IntelliSense
  • Path Intellisense - 檔案路徑的智慧路徑自動完成

​
Cursor 功能

Cursor 透過以下功能增強您現有的 JavaScript/TypeScript 工作流程：
  • Tab 補全：理解您專案結構的上下文感知程式碼補全
  • 自動匯入：Tab 可以在您使用函式庫時自動匯入
  • 行內編輯：在任何行上使用 CMD+K 以完美語法進行編輯
  • Composer 指導：使用 Composer 跨多個檔案規劃和編輯您的程式碼

​
使用 @Docs 的框架智慧

Cursor 的 @Docs 功能讓您透過新增 AI 可以參考的自訂文件來源，來增強您的 JavaScript 開發。新增來自 MDN、Node.js 或您喜愛框架的文件，以獲得更準確和符合上下文的程式碼建議。

了解更多關於 @Docs

探索如何在 Cursor 中新增和管理自訂文件來源。

​
自動 Linting 解決方案

Cursor 的突出功能之一是與 Linter 擴充功能的無縫整合。 確保您已設定 linter（如 ESLint），並啟用「Iterate on Lints」設定。 然後，當在 Composer 中使用 Agent 模式時，一旦 AI 嘗試回答您的查詢並進行任何程式碼變更後，它會自動讀取 linter 的輸出，並嘗試修復任何它可能不知道的 lint 錯誤。

​
框架支援

Cursor 與所有主要的 JavaScript 框架和函式庫無縫整合，例如：

​
React & Next.js

  • 完整的 JSX/TSX 支援，具備智慧元件建議
  • Next.js 的伺服器元件和 API 路由智慧功能
  • 推薦：React Developer Tools 擴充功能

​
Vue.js

​
Angular

​
Svelte

  • 元件語法高亮和智慧完成
  • 反應式陳述式和狀態管理建議
  • 推薦：Svelte for VS Code

​
後端框架 (Express/NestJS)

  • 路由和中介軟體智慧功能
  • NestJS 的 TypeScript 裝飾器支援
  • API 測試工具整合
請記住，Cursor 的 AI 功能與所有這些框架都能良好配合，理解它們的模式和最佳實務，以提供相關的建議。AI 可以協助從元件建立到複雜重構任務的各種工作，同時尊重您專案的現有模式。