¡Bienvenido al desarrollo en JavaScript y TypeScript en Cursor! El editor proporciona un soporte excepcional para el desarrollo JS/TS a través de su ecosistema de extensiones. Esto es lo que necesitas saber para aprovechar al máximo Cursor.

​
Extensiones Esenciales

Aunque Cursor funciona muy bien con cualquier extensión que prefieras, recomendamos estas para quienes recién están comenzando:
  • ESLint - Requerido para las capacidades de corrección de lint impulsadas por IA de Cursor
  • JavaScript and TypeScript Language Features - Soporte de lenguaje mejorado e IntelliSense
  • Path Intellisense - Autocompletado inteligente de rutas para rutas de archivos

​
Características de Cursor

Cursor mejora tu flujo de trabajo existente de JavaScript/TypeScript con:
  • Completado con Tab: Completados de código conscientes del contexto que entienden la estructura de tu proyecto
  • Importaciones Automáticas: Tab puede importar automáticamente librerías tan pronto como las uses
  • Edición en Línea: Usa CMD+K en cualquier línea para editar con sintaxis perfecta
  • Guía del Composer: Planifica y edita tu código a través de múltiples archivos con el Composer

​
Inteligencia de Framework con @Docs

La característica @Docs de Cursor te permite potenciar tu desarrollo de JavaScript agregando fuentes de documentación personalizadas que la IA puede referenciar. Agrega documentación de MDN, Node.js, o tu framework favorito para obtener sugerencias de código más precisas y contextuales.

Aprende más sobre @Docs

Descubre cómo agregar y gestionar fuentes de documentación personalizadas en Cursor.

​
Resolución Automática de Linting

Una de las características destacadas de Cursor es su integración perfecta con extensiones de Linter. Asegúrate de tener un linter, como ESLint, configurado, y habilita la configuración ‘Iterate on Lints’. Luego, cuando uses el modo Agent en Composer, una vez que la IA haya intentado responder tu consulta y haya hecho cualquier cambio de código, automáticamente leerá la salida del linter e intentará corregir cualquier error de lint del que podría no haber sabido.

​
Soporte de Frameworks

Cursor funciona perfectamente con todos los principales frameworks y librerías de JavaScript, tales como:

​
React & Next.js

  • Soporte completo de JSX/TSX con sugerencias inteligentes de componentes
  • Inteligencia de componentes de servidor y rutas de API para Next.js
  • Recomendado: extensión React Developer Tools

​
Vue.js

  • Soporte de sintaxis de plantillas con integración de Volar
  • Autocompletado de componentes y verificación de tipos
  • Recomendado: Vue Language Features

​
Angular

  • Validación de plantillas y soporte de decoradores de TypeScript
  • Generación de componentes y servicios
  • Recomendado: Angular Language Service

​
Svelte

  • Resaltado de sintaxis de componentes y completados inteligentes
  • Sugerencias de declaraciones reactivas y stores
  • Recomendado: Svelte for VS Code

​
Frameworks de Backend (Express/NestJS)

  • Inteligencia de rutas y middleware
  • Soporte de decoradores de TypeScript para NestJS
  • Integración de herramientas de pruebas de API
Recuerda que las características de IA de Cursor funcionan bien con todos estos frameworks, entendiendo sus patrones y mejores prácticas para proporcionar sugerencias relevantes. La IA puede ayudar con todo, desde la creación de componentes hasta tareas complejas de refactorización, mientras respeta los patrones existentes de tu proyecto.