Generador de Arquitectura ExpressJS

por - agosto 27, 2020

 Generador de Arquitectura ExpressJS

Generador de Arquitectura ExpressJS


Introducción

Nos puede pasar que necesitemos iniciar un nuevo proyecto (bajo las condiciones de hacerlo sobre NodeJS) y es necesario empezar rápido y organizado, pues aquí les traigo una solución generosa de parte de la librería ExpressJS. Con el paquete express-generator podremos dar inicio rápido al desarrollo de nuestros proyectos, que incluso nos incluye trabajar sobre nuestras vistas, ya que con este generador estaremos trabajando con el modelo de arquitectura MVC. Puedes saber más de MVC aquí.

Que necesitamos

Realmente es muy sencillo iniciar un proyecto con express-generator, solo necesitamos tener instalado en nuestra PC NodeJS en su última versión estable. Igualmente pueden seguir la documentación de Express aquí.

Manos a la obra

Lo primero que debemos hacer es instalar globalmente el paquete anterior mencionado, de la siguiente manera:

npm install -g express-generator

Luego vamos a la carpeta donde queremos que se cree nuestro proyecto (Ojo, si queremos crear el proyecto project_pug, no creen la carpeta con este nombre, ya el generador nos crea está carpeta por nosotros). Para generar el proyecto con soporte de vistas pug haremos lo siguiente:

express project_pug --view=pug .

Arquitectura ExpressJS


Luego que se genera el proyecto con su respectiva estructura (tarea que hace por nosotros), procedemos a entrar en el directorio del proyecto e instalar los paquetes necesarios.

cd project_pug/
yarn install ó npm install

Como ven lo pueden instalar ya sea con el gestor de paquetes NPM o Yarn, como ustedes prefieran. Una vez todo instalado procedemos a ejecutar y visualizar su funcionamiento en el navegador.

yarn start ó npm run start

ExpressJS Iniciado


Welcome Express

Listo ya en este punto podemos empezar a desarrollar. Cabe destacar que no solo podemos iniciar con el generador de vistas pug, hay otras como jade, hbs, hjs, etc., que igualmente podemos ver con este comando:

express --help

Nota: También podemos iniciar nuestro proyecto sin vistas, ideal para crear nuestras Web API.

Opciones de Express Generator

Como por aquí nos gusta usar Typescript, también hay un generador de proyecto para ello, mucho más simple, no tiene las opciones de ayuda, ni generador de vistas como el anterior. Está diseñado para que se comporte como una Web API. Este paquete es express-generator-typescript, aquí les dejó el enlace para que le puedan echar una ojeada.

Bien sin más me despido, espero que les sea de mucha ayuda para empezar sus proyectos y que se fijen como distribuyen los contenidos del proyecto y aplicar buenas prácticas en su desarrollo, hasta pronto.

También te puede interesar

0 comentarios

ToTop