JavaScript & TypeScript

欢迎使用 Cursor 进行 JavaScript 和 TypeScript 开发！该编辑器通过其扩展生态系统为 JS/TS 开发提供卓越的支持。以下是充分利用 Cursor 所需了解的内容。

​

基本扩展

虽然 Cursor 与您喜欢的任何扩展配合得很好，但我们建议刚入门的人使用：

• ESLint - Cursor 的 AI 驱动的 lint 修复功能所必需的
• JavaScript 和 TypeScript 语言功能 - 增强的语言支持和 IntelliSense
• 路径智能感知 - 文件路径的智能路径完成

​

光标功能

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

• Tab 键补全：了解项目结构的上下文感知代码补全
• 自动导入：Tab 可以在您使用库后立即自动导入它们
• 内联编辑：使用CMD+K在任何行上以完美的语法进行编辑
• Composer 指南：使用 Composer 跨多个文件规划和编辑代码

​

使用 @Docs 的 Framework Intelligence

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

​

自动 Linting Resolution

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

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

​

框架支持

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

​

反应 & Next.js

• 完整的 JSX/TSX 支持和智能组件建议
• 适用于 Next.js 的服务器组件和 API 路由智能
• 推荐：React Developer Tools 扩展

​

Vue.js

• Volar 集成的模板语法支持
• 组件自动完成和类型检查
• 推荐：Vue 语言功能

​

Angular

• 模板验证和 TypeScript 装饰器支持
• 组件和服务生成
• 推荐：Angular 语言服务

​

Svelte

• 组件语法高亮显示和智能补全
• 响应式 statement 和 store 建议
• 推荐：适用于 VS Code 的 Svelte

​

后端框架 （Express/NestJS）

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

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