¡Bienvenido al desarrollo con JavaScript y TypeScript en Cursor! El editor ofrece un soporte excepcional para el desarrollo en JS/TS gracias a su ecosistema de extensiones. Aquí tienes lo que necesitas saber para sacarle el máximo provecho a Cursor.

​
Extensiones esenciales

Aunque Cursor funciona muy bien con cualquier extensión que prefieras, te recomendamos estas si estás empezando:
  • ESLint - Necesario para las capacidades de corrección de lint con IA de Cursor
  • JavaScript and TypeScript Language Features - Compatibilidad de lenguaje mejorada e IntelliSense
  • Path Intellisense - Autocompletado inteligente de rutas de archivos

​
Funciones de Cursor

Cursor potencia tu flujo de trabajo en JavaScript/TypeScript con:
  • Tab Completions: Autocompletados contextuales que entienden la estructura de tu proyecto
  • Automatic Imports: Tab puede importar librerías automáticamente en cuanto las usas
  • Inline Editing: Usa CMD+K en cualquier línea para editar con sintaxis perfecta
  • Composer Guidance: Planifica y edita tu código en múltiples archivos con el Composer

​
Inteligencia de frameworks con @Docs

La función @Docs de Cursor te permite potenciar tu desarrollo en JavaScript añadiendo fuentes de documentación personalizadas a las que la IA puede hacer referencia. Añade documentación de MDN, Node.js o tu framework favorito para obtener sugerencias de código más precisas y contextuales.

Learn more about @Docs

Descubre cómo añadir y gestionar fuentes de documentación personalizadas en Cursor.

​
Resolución automática de lint

Una de las funciones destacadas de Cursor es su integración fluida con extensiones de linters. Asegúrate de tener configurado un linter, como ESLint, y habilita la opció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 cambios en el código, leerá automáticamente la salida del linter e intentará corregir cualquier error de lint que no hubiera detectado.

​
Compatibilidad con frameworks

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

​
React y Next.js

  • Compatibilidad total con JSX/TSX y sugerencias inteligentes de componentes
  • Inteligencia para server components y rutas de API en Next.js
  • Recomendado: extensión React Developer Tools

​
Vue.js

  • Compatibilidad con la sintaxis de plantillas con integración de Volar
  • Autocompletado de componentes y comprobación de tipos
  • Recomendado: Vue Language Features

​
Angular

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

​
Svelte

  • Resaltado de sintaxis de componentes y autocompletado inteligente
  • Sugerencias para declaraciones reactivas y stores
  • Recomendado: Svelte for VS Code

​
Frameworks de backend (Express/NestJS)

  • Inteligencia para rutas y middleware
  • Compatibilidad con decoradores de TypeScript para NestJS
  • Integración con herramientas de testing de APIs
Recuerda: las funciones de IA de Cursor funcionan bien con todos estos frameworks, entienden sus patrones y mejores prácticas para ofrecer sugerencias relevantes. La IA puede ayudarte con todo, desde la creación de componentes hasta refactorizaciones complejas, respetando los patrones existentes de tu proyecto.