JavaScript 与 TypeScript

了解如何在 Cursor 中设置 JavaScript & TypeScript

欢迎来到 Cursor 中的 JavaScript 和 TypeScript 开发！该编辑器通过其扩展生态系统为 JS/TS 开发提供出色的支持。以下是你需要了解的，以便充分利用 Cursor。

必备扩展 (Essential Extensions)

虽然 Cursor 可以很好地与你喜欢的任何扩展一起使用，但我们建议初学者使用以下扩展：

ESLint - Cursor 的 AI 驱动的 lint 修复功能所必需的

JavaScript and TypeScript Language Features - 增强的语言支持和智能感知 (IntelliSense)

Path Intellisense - 用于文件路径的智能路径完成

Cursor 功能 (Cursor Features)

Cursor 通过以下方式增强你现有的 JavaScript/TypeScript 工作流程：

Tab 补全 (Tab Completions) ：上下文感知的代码补全，可以理解你的项目结构

自动导入 (Automatic Imports) ： Tab 可以在你使用库后立即自动导入它们

内联编辑 (Inline Editing) ：在任何行上使用 CMD+K 可以使用完美的语法进行编辑

Composer 指导 (Composer Guidance) ：使用 Composer 跨多个文件规划和编辑你的代码

使用 @Docs 的框架智能 (Framework Intelligence with @Docs)

Cursor 的 @Docs 功能允许你通过添加 AI 可以引用的自定义文档来源来增强你的 JavaScript 开发。从 MDN、Node.js 或你喜欢的框架添加文档，以获得更准确和上下文相关的代码建议。

了解更多关于 @Docs
Discover how to add and manage custom documentation sources in Cursor.

自动 Lint 错误修复 (Automatic Linting Resolution)

Cursor 的突出特点之一是它与 Linter 扩展的无缝集成。确保你有一个 Linter （如 ESLint）设置，并启用 “Iterate on Lints” 设置。

然后，当在 Composer 中使用 Agent 模式时，一旦 AI 尝试回答你的查询，并进行了任何代码更改，它将自动读取 Linter 的输出，并将尝试修复它可能不知道的任何 lint 错误。

框架支持 (Framework Support)

Cursor 可以与所有主要的 JavaScript 框架和库无缝协作，例如：

React & Next.js

完整的 JSX/TSX 支持，具有智能组件建议

用于 Next.js 的服务器组件和 API 路由智能

推荐： React Developer Tools 扩展

Vue.js

具有 Volar 集成的模板语法支持

组件自动完成和类型检查

Angular

模板验证和 TypeScript 装饰器支持

组件和服务生成

Svelte

组件语法高亮显示和智能完成

反应式语句和存储建议

后端框架 (Express/NestJS)

路由和中间件智能

NestJS 的 TypeScript 装饰器支持

API 测试工具集成

请记住，Cursor 的 AI 功能可以很好地与所有这些框架一起使用，了解它们的模式和最佳实践，以提供相关的建议。 AI 可以帮助完成从组件创建到复杂重构任务的所有工作，同时尊重你项目的现有模式。

必备扩展 (Essential Extensions)#

Cursor 功能 (Cursor Features)#

使用 @Docs 的框架智能 (Framework Intelligence with @Docs)#

自动 Lint 错误修复 (Automatic Linting Resolution)#

框架支持 (Framework Support)#

React & Next.js#

Vue.js#

Angular#

Svelte#

后端框架 (Express/NestJS)#