欢迎在 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 可以帮助您完成从组件创建到复杂重构任务的所有工作，同时尊重您项目的现有模式。