歡迎在 Cursor 中進行 JavaScript 與 TypeScript 開發！這款編輯器透過其擴充生態系，為 JS/TS 開發提供卓越支援。以下是你需要知道的重點，幫你把 Cursor 的價值發揮到最大。

​
必備擴充功能

雖然 Cursor 幾乎能和任何你喜歡的擴充功能順暢搭配，但如果剛開始使用，我們建議先裝這些：
  • ESLint - 啟用 Cursor 的 AI 驅動 lint 修正功能所必需
  • JavaScript and TypeScript Language Features - 強化的語言支援與 IntelliSense
  • Path Intellisense - 針對檔案路徑的智慧補完

​
Cursor 功能

Cursor 讓你現有的 JavaScript/TypeScript 工作流程更強大：
  • Tab Completions：能理解專案結構的情境式程式碼補全
  • Automatic Imports：在你使用到時，Tab 會自動匯入相依套件
  • Inline Editing：在任何一行按 CMD+K，以完全正確的語法進行編輯
  • Composer Guidance：用 Composer 規劃並跨多檔案編輯程式碼

​
透過 @Docs 強化框架智能

Cursor 的 @Docs 功能可透過加入 AI 可參考的自訂文件來源，讓你的 JavaScript 開發火力全開。從 MDN、Node.js，或你最愛的框架引入文件，獲得更精準、更有脈絡的程式碼建議。

深入了解 @Docs

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

​
自動修復 Lint 問題

Cursor 的亮點之一是與 Linter 擴充功能的無縫整合。 先確保已安裝並設定好 linter（例如 ESLint），再啟用「Iterate on Lints」設定。 接著，在 Composer 的 Agent 模式中，當 AI 嘗試回答你的問題並對程式碼做出變更後，會自動讀取 linter 的輸出，並嘗試修復那些它先前可能不知道的 lint 錯誤。

​
框架支援

Cursor 可與所有主流 JavaScript 框架與函式庫無縫合作，例如：

​
React & Next.js

  • 完整支援 JSX/TSX，提供智慧元件建議
  • 針對 Next.js 的 Server Components 與 API Routes 深入理解
  • 推薦安裝：React Developer Tools 擴充功能

​
Vue.js

  • 與 Volar 整合的模板語法支援
  • 元件自動完成與型別檢查
  • 推薦安裝：Vue Language Features

​
Angular

​
Svelte

  • 元件語法高亮與智慧完成
  • reactive 陳述式與 store 建議
  • 推薦安裝：Svelte for VS Code

​
後端框架（Express/NestJS）

  • 路由與中介層智慧分析
  • NestJS 的 TypeScript 裝飾器支援
  • 整合 API 測試工具
記得，Cursor 的 AI 功能能良好支援以上所有框架，理解它們的模式與最佳實務，並提供相關建議。AI 可以從元件建立一路幫到複雜重構，同時尊重你專案既有的模式。