Domina Cursor, el editor de código con IA que multiplica tu productividad como desarrollador.

0 de 35 lecciones completas (0%)

3. Conceptos importantes de Cursor

Introducción al Bloc de Notas de Cursor

¿Qué es el Bloc de Notas?

Hablemos del bloc de notas en Cursor. Si abro el chat y hago clic en «Añadir» y luego en «bloc de notas», verás que dice «no hay opciones disponibles». Esto es porque aún no hemos creado ningún bloc de notas.

¿Para qué sirve el Bloc de Notas?

El bloc de notas va a contener instrucciones personalizadas que queremos que la aplicación siga. Yo suelo usarlo para proporcionar pautas que la IA debe seguir durante todo el proyecto.

¿Cómo crear un Bloc de Notas?

Para hacerlo, primero necesitas entender qué es el Composer en Cursor AI.

¿Qué es Composer?

Composer es una característica clave que hace que Cursor AI destaque entre otras herramientas de IA. Con la función Composer, en lugar de añadir manualmente los archivos al proyecto, Composer puede añadir y modificar archivos automáticamente según nuestras instrucciones.

Pasos para abrir Composer:

En Mac:

  • Presiona Shift + Command + I

En Windows:

  • Presiona Shift + Ctrl + I

Esto abrirá Composer en una ventana grande o a pantalla completa.

Creando tu primer Bloc de Notas

  1. Una vez abierto Composer, verás la opción «crear blocs de notas»
  2. Puedes hacer clic ahí o en «crear nuevo» → «nuevo bloc de notas»
  3. Le damos un nombre al bloc de notas (por ejemplo: «Instrucciones»)
  4. Hacemos clic en «crear»

¿Qué puedes incluir en el Bloc de Notas?

Referenciar archivos

Puedes usar el símbolo @ para mencionar archivos específicos, como @index o @app.js

Añadir formato

Puedes usar markdown para dar estilo al texto. Por ejemplo:

markdown# Resumen del Proyecto

Este proyecto utiliza las siguientes tecnologías:
- HTML
- CSS  
- React JS
- Tailwind CSS

Información del proyecto

Puedes proporcionar cualquier información relevante sobre tu proyecto que quieras que la IA siga, como:

  • Stack tecnológico
  • Pautas de codificación
  • Estructura del proyecto
  • Mejores prácticas

Ejemplo práctico

markdown# Instrucciones del Proyecto

## Resumen del Proyecto
Este proyecto es una aplicación web que utiliza React JS y Tailwind CSS.

## Stack Tecnológico
- React JS
- Tailwind CSS
- HTML/CSS

## Archivos de referencia
@index.html
@app.js

Cómo usar el Bloc de Notas

  1. Guarda tu bloc de notas después de editarlo
  2. Abre el chat de Cursor
  3. Usa @ seguido del nombre de tu bloc de notas para referenciarlo
  4. Ahora puedes hacer preguntas como: «¿Cuál es el propósito de este bloc de notas?»

Ejemplo de uso:

Si preguntas «Dame una estructura de carpetas basada en el bloc de notas», Cursor te dará una estructura organizada siguiendo las pautas que definiste.

Consejo importante

Una vez que tengas tu estructura de carpetas, puedes copiarla y pegarla de vuelta en tu bloc de notas bajo una sección llamada «Estructura de carpetas». Esto te permitirá decirle a Cursor: «Asegúrate de seguir las pautas especificadas en las instrucciones del bloc de notas» cuando uses Composer.

¿Por qué es importante?

El bloc de notas es especialmente útil cuando trabajas con Composer, ya que le proporciona contexto constante sobre cómo quieres que se comporte y qué pautas debe seguir en tu proyecto.

En el próximo video veremos cómo usar esto en conjunto con Composer para crear proyectos completos.

Resumen de privacidad
Logo JeroCuevas.com

Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.

Cookies de terceros

Esta web utiliza Google Analytics para recopilar información anónima tal como el número de visitantes del sitio, o las páginas más populares.

Dejar esta cookie activa nos permite mejorar nuestra web.