ExpressJS - Échafaudage

L'échafaudage nous permet de créer facilement un skeleton for a web application. Nous créons manuellement notre répertoire public, ajoutons un middleware, créons des fichiers de routage séparés, etc. Un outil d'échafaudage configure toutes ces choses pour nous afin que nous puissions directement commencer à construire notre application.

L'échafaudeur que nous utiliserons s'appelle Yeoman. C'est un outil d'échafaudage conçu pourNode.jsmais a aussi des générateurs pour plusieurs autres frameworks (comme flask, rails, django, etc.). Pour installer Yeoman, entrez la commande suivante dans votre terminal -

npm install -g yeoman

Yeoman utilise des générateurs pour échafauder les applications. Pour découvrir les générateurs disponibles surnpmà utiliser avec Yeoman, vous pouvez cliquer sur ce lien . Dans ce tutoriel, nous utiliserons le 'générateur-Express-simple' . Pour installer ce générateur, entrez la commande suivante dans votre terminal -

npm install -g generator-express-simple

Pour utiliser ce générateur, entrez la commande suivante -

yo express-simple test-app

On vous posera quelques questions simples comme les éléments que vous souhaitez utiliser avec votre application. Sélectionnez les réponses suivantes, ou si vous connaissez déjà ces technologies, choisissez comment vous voulez qu'elles soient.

express-simple comes with bootstrap and jquery
[?] Select the express version you want: 4.x
[?] Do you want an mvc express app: Yes
[?] Select the css preprocessor you would like to use: sass
[?] Select view engine you would like to use: jade
[?] Select the build tool you want to use for this project: gulp
[?] Select the build tool you want to use for this project: gulp
[?] Select the language you want to use for the build tool: javascript
   create public/sass/styles.scss
   create public/js/main.js
   create views/layout.jade
   create views/index.jade
   create views/404.jade
   create app.js
   create config.js
   create routes/index.js
   create package.json
   create bower.json
identical .bowerrc
identical .editorconfig
identical .gitignore
identical .jshintrc
   create gulpfile.js

I'm all done. Running bower install & npm install for you to install the
required dependencies. If this fails, try running the command yourself.

Il créera alors une nouvelle application pour vous, installera toutes les dépendances, ajoutera quelques pages à votre application (page d'accueil, page 404 introuvable, etc.) et vous donnera une structure de répertoires sur laquelle travailler.

Ce générateur crée une structure très simple pour nous. Explorez les nombreux générateurs disponibles pour Express et choisissez celui qui vous convient. Les étapes pour travailler avec tous les générateurs sont les mêmes. Vous aurez besoin d'installer un générateur, exécutez-le en utilisant Yeoman; il vous posera quelques questions, puis créera un squelette pour votre application en fonction de vos réponses.