Javascript Typescript

在 Cursor 中进行 JavaScript & TypeScript 开发的完整指南，涵盖扩展、AI 工具和框架支持

欢迎体验 Cursor 中的 JavaScript 和 TypeScript 开发！编辑器通过其扩展生态系统为 JS/TS 开发提供了卓越的支持。这里是您需要了解的内容，以便充分利用 Cursor。

基本扩展

虽然 Cursor 与您喜欢的任何扩展程序都能很好地配合使用，但我们推荐这些给刚开始使用的人：

• ESLint- 必需用于 Cursor 的 AI 驱动的 lint 修复功能。
• JavaScript 和 TypeScript 语言特性- 增强语言支持和智能提示
• Path Intellisense--文件路径的智能路径补全

Cursor 功能

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

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

通过 @Docs 实现框架智能

Cursor 的 @Docs 功能可让您添加人工智能可参考的自定义文档源，从而为 JavaScript 开发增添动力。添加来自 MDN、Node.js 或您最喜欢的框架的文档，以获得更准确、更符合上下文的代码建议。

了解有关 @Docs 的更多信息

了解如何在 Cursor 中添加和管理自定义文档源。

自动代码检查解决方案

Cursor 的突出功能之一是与 Linter 扩展的无缝集成。确保你已经设置了一个 linter，比如 ESLint，并启用“在 Lints 上迭代”设置。

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

框架支持

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

React 和 Next.js

• 完全支持 JSX/TSX，并提供智能组件建议
• 针对 Next.js 的服务器组件和 API 路由智能
• 推荐使用React 开发工具扩展

Vue.js

• 通过 Volar 集成支持模板语法
• 组件自动完成和类型检查
• 建议使用Vue 语言功能

Angular

• 模板验证和 TypeScript 装饰器支持
• 组件和服务生成
• 建议使用Angular 语言服务

Svelte

• 组件语法高亮显示和智能补全
• 反应式语句和存储建议
• 推荐：Svelte for VS Code用于 VS 代码的 Svelte

后端框架（Express/NestJS）

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

记住，Cursor 的 AI 功能与所有这些框架配合良好，能够理解它们的模式和最佳实践，以提供相关建议。AI 可以帮助处理从组件创建到复杂重构任务的所有事情，同时尊重你项目中现有的模式。