Saltar al contenido principal

Empecemos 🚀

¿Qué es MERN Snippets 4 VSCode?​

Es una extensión de Visual Studio Code que te ayuda a crear un proyecto con el stack MERN de manera sencilla. Te proporciona un conjunto de comandos que puedes ejecutar en la paleta de comandos para generar un nuevo proyecto con el stack MERN, agregar un nuevo componente y más. 🚀

Seamos realistas, ¿cuántas veces escribimos el mismo código una y otra vez cada vez que creamos un proyecto?

¿Qué es el stack MERN? 🧩​

El stack MERN es un stack popular para construir aplicaciones web. Consiste en cuatro tecnologías principales:

  • MongoDB: Una base de datos NoSQL que almacena datos en un formato similar a JSON.
  • Express: Un framework de aplicaciones web para Node.js que proporciona un conjunto de características para construir aplicaciones web.
  • React: Una biblioteca de JavaScript para construir interfaces de usuario.
  • Node.js: Un entorno de ejecución de JavaScript que permite ejecutar código JavaScript en el servidor.

¿Cómo funciona? 🛠️​

Funciona proporcionando un conjunto de comandos que puedes ejecutar en la paleta de comandos. Estos comandos te permiten generar un nuevo proyecto con el stack MERN, agregar un nuevo componente y más.

Por ejemplo: puedes ejecutar el comando MERN: Mongoose Function para generar una nueva conexión a MongoDB con Mongoose en tu proyecto. Este comando creará un nuevo archivo llamado db.js o te pedirá que proporciones un nombre para el archivo, y añadirá el código necesario para conectarse a tu base de datos MongoDB.

Snippet MongoDB Example

¿Qué necesito para empezar?​

  • Visual Studio Code versión 1.89.0 o superior. Puedes verificar la versión de tu Visual Studio Code yendo a Ayuda > Acerca de.

Requisitos Adicionales:​

  • Tailwind CSS: Si planeas usar los snippets de React para generar componentes con Tailwind CSS, necesitas tener Tailwind CSS instalado y configurado en tu proyecto. Puedes encontrar instrucciones de instalación en la documentación de Tailwind CSS.

  • Node.js: Para usar los snippets relacionados con Node.js, Express.js o MongoDB, asegúrate de tener Node.js instalado en tu sistema. Estos snippets pueden ser útiles para generar código relacionado con el servidor, API e interacción con la base de datos. Recomendamos usar la última versión LTS de Node.js. Puedes descargarla desde el sitio oficial de Node.js.

¿Dónde puedo encontrar los snippets?​

"Sí, estoy interesado. ¿Dónde puedo encontrar estos snippets/comandos?" 🤔

Cuando instalas la extensión, puedes acceder a los comandos abriendo la paleta de comandos (Ctrl+Shift+P o Cmd+Shift+P en Mac) y escribiendo MERN:. Verás una lista de comandos disponibles que puedes ejecutar para generar snippets de código para tu proyecto con el stack MERN. Además, puedes ver la lista completa de snippets haciendo clic en el ícono de la extensión a la izquierda en la barra de extensiones.

"La felicidad no se encuentra en el conocimiento, sino en la adquisición de conocimiento." - Edgar Allan Poe