¿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
- Una vez abierto Composer, verás la opción «crear blocs de notas»
- Puedes hacer clic ahí o en «crear nuevo» → «nuevo bloc de notas»
- Le damos un nombre al bloc de notas (por ejemplo: «Instrucciones»)
- 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
- Guarda tu bloc de notas después de editarlo
- Abre el chat de Cursor
- Usa
@seguido del nombre de tu bloc de notas para referenciarlo - 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.