JavaScript 与 TypeScript

支持框架的 JavaScript 与 TypeScript 开发

欢迎在 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

• 模板验证与 TypeScript 装饰器支持
• 组件与服务生成
• 推荐：Angular Language Service

Svelte

• 组件语法高亮与智能补全
• 响应式语句与 store 建议
• 推荐：Svelte for VS Code

后端框架（Express/NestJS）

• 路由与中间件智能
• 针对 NestJS 的 TypeScript 装饰器支持
• 集成 API 测试工具

记住，Cursor 的 AI 功能能与这些框架良好协作，理解它们的模式与最佳实践，提供更相关的建议。AI 能从组件创建到复杂重构全程助你一臂之力，同时会尊重你项目现有的模式。