歡迎在 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 的伺服器元件與 API 路由智能
  • 推薦安裝：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 從元件建立到複雜的重構都能幫上忙，同時尊重你專案既有的模式。