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

​
Angular

​
Svelte

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

​
后端框架（Express/NestJS）

  • 路由与中间件智能
  • 针对 NestJS 的 TypeScript 装饰器支持
  • 集成 API 测试工具
记住，Cursor 的 AI 功能能与这些框架良好协作，理解它们的模式与最佳实践，提供更相关的建议。AI 能从组件创建到复杂重构全程助你一臂之力，同时会尊重你项目现有的模式。