Use the application generator tool, express-generator, to quickly create an application skeleton. The express-generator package installs the express command-line tool. Use the following command to do so:<\/p>\n
$ npm install express-generator -g<\/p>\n
Display the command options with the -h option:<\/p>\n
$ express -h<\/p>\n
Usage: express [options] [dir]\n
Options:<\/p>\n
-h, –help\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 output usage information<\/p>\n
–version\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 output the version number<\/p>\n
-e, –ejs\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 add ejs engine support<\/p>\n
–hbs\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 add handlebars engine support<\/p>\n
–pug\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 add pug engine support<\/p>\n
-H, –hogan\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 add hogan.js engine support<\/p>\n
–no-view\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 generate without view engine<\/p>\n
-v, –view <engine> add view <engine> support (ejs|hbs|hjs|jade|pug|twig|vash) (defaults to jade)<\/p>\n
-c, –css <engine>\u00a0 add stylesheet <engine> support (less|stylus|compass|sass) (defaults to plain css)<\/p>\n
–git\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 add .gitignore<\/p>\n
-f, –force\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 force on non-empty directory<\/p>\n
For example, the following creates an Express app named myapp. The app will be created in a folder named myapp in the current working directory and the view engine will be set to Pug:<\/p>\n
$ express –view=pug myapp<\/p>\n
create : myapp<\/p>\n
create : myapp\/package.json<\/p>\n
create : myapp\/app.js<\/p>\n
create : myapp\/public<\/p>\n
create : myapp\/public\/javascripts<\/p>\n
create : myapp\/public\/images<\/p>\n
create : myapp\/routes<\/p>\n
create : myapp\/routes\/index.js<\/p>\n
create : myapp\/routes\/users.js<\/p>\n
create : myapp\/public\/stylesheets<\/p>\n
create : myapp\/public\/stylesheets\/style.css<\/p>\n
create : myapp\/views<\/p>\n
create : myapp\/views\/index.pug<\/p>\n
create : myapp\/views\/layout.pug<\/p>\n
create : myapp\/views\/error.pug<\/p>\n
create : myapp\/bin<\/p>\n
create : myapp\/bin\/www<\/p>\n
Then install dependencies:<\/p>\n
$ cd myapp<\/p>\n
$ npm install<\/p>\n
On MacOS or Linux, run the app with this command:<\/p>\n
$ DEBUG=myapp:* npm start<\/p>\n
On Windows, use this command:<\/p>\n
> set DEBUG=myapp:* & npm start<\/p>\n
Then load http:\/\/localhost:3000\/ in your browser to access the app. The generated app has the following directory structure:<\/p>\n
.\u251c\u2500\u2500 app.js<\/p>\n
\u251c\u2500\u2500 bin<\/p>\n
\u2502\u00a0\u00a0 \u2514\u2500\u2500 www<\/p>\n
\u251c\u2500\u2500 package.json<\/p>\n
\u251c\u2500\u2500 public<\/p>\n
\u2502\u00a0\u00a0 \u251c\u2500\u2500 images<\/p>\n
\u2502\u00a0\u00a0 \u251c\u2500\u2500 javascripts<\/p>\n
\u2502\u00a0\u00a0 \u2514\u2500\u2500 stylesheets<\/p>\n
\u2502\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \u2514\u2500\u2500 style.css<\/p>\n
\u251c\u2500\u2500 routes<\/p>\n
\u2502\u00a0\u00a0 \u251c\u2500\u2500 index.js<\/p>\n
\u2502\u00a0\u00a0 \u2514\u2500\u2500 users.js<\/p>\n
\u2514\u2500\u2500 views<\/p>\n
\u251c\u2500\u2500 error.pug<\/p>\n
\u251c\u2500\u2500 index.pug<\/p>\n
\u2514\u2500\u2500 layout.pug<\/p>\n
7 directories, 9 files<\/p>\n
The app structure created by the generator is just one of many ways to structure Express apps. Feel free to use this structure or modify it to best suit your needs.<\/p>\n","protected":false},"excerpt":{"rendered":"
Use the application generator tool, express-generator, to quickly create an application skeleton. The express-generator package installs the express command-line tool. Use the following command to do so: $ npm install express-generator -g Display the command options with the -h option: $ express -h Usage: express [options] [dir] Options: -h, –help\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 output usage information –version\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 output…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[8453],"tags":[8491],"class_list":["post-72701","page","type-page","status-publish","hentry","category-node-js","tag-express-application-generator"],"acf":[],"yoast_head":"\n