Express application generatorExpress应用程序生成器

Use the application generator tool, express-generator, to quickly create an application skeleton.使用应用程序生成器工具express-generator快速创建应用程序框架。

You can run the application generator with the npx command (available in Node.js 8.2.0).您可以使用npx命令(在Node.js 8.2.0中提供)运行应用程序生成器。

$ npx express-generator

For earlier Node versions, install the application generator as a global npm package and then launch it:对于早期的节点版本,请将application generator作为全局npm包安装,然后启动它:

$ npm install -g express-generator
$ express

Display the command options with the -h option:使用-h选项显示命令选项:

$ express -h

  Usage: express [options] [dir]

  Options:

    -h, --help          output usage information
        --version       output the version number
    -e, --ejs           add ejs engine support
        --hbs           add handlebars engine support
        --pug           add pug engine support
    -H, --hogan         add hogan.js engine support
        --no-view       generate without view engine
    -v, --view <engine> add view <engine> support (ejs|hbs|hjs|jade|pug|twig|vash) (defaults to jade)
    -c, --css <engine>  add stylesheet <engine> support (less|stylus|compass|sass) (defaults to plain css)
        --git           add .gitignore
    -f, --force         force on non-empty directory

For example, the following creates an Express app named myapp.例如,下面创建了一个名为myapp的Express应用程序。The app will be created in a folder named myapp in the current working directory and the view engine will be set to Pug:应用程序将在当前工作目录中名为myapp的文件夹中创建,并且视图引擎将设置为Pug:

$ express --view=pug myapp

   create : myapp
   create : myapp/package.json
   create : myapp/app.js
   create : myapp/public
   create : myapp/public/javascripts
   create : myapp/public/images
   create : myapp/routes
   create : myapp/routes/index.js
   create : myapp/routes/users.js
   create : myapp/public/stylesheets
   create : myapp/public/stylesheets/style.css
   create : myapp/views
   create : myapp/views/index.pug
   create : myapp/views/layout.pug
   create : myapp/views/error.pug
   create : myapp/bin
   create : myapp/bin/www

Then install dependencies:然后安装依赖项:

$ cd myapp
$ npm install

On MacOS or Linux, run the app with this command:在MacOS或Linux上,使用以下命令运行应用程序:

$ DEBUG=myapp:* npm start

On Windows Command Prompt, use this command:在Windows命令提示符下,使用以下命令:

> set DEBUG=myapp:* & npm start

On Windows PowerShell, use this command:在Windows PowerShell上,使用以下命令:

PS> $env:DEBUG='myapp:*'; npm start

Then load http://localhost:3000/ in your browser to access the app.然后在浏览器中加载http://localhost:3000/以访问应用程序。

The generated app has the following directory structure:生成的应用程序具有以下目录结构:

.
├── app.js
├── bin
│   └── www
├── package.json
├── public
│   ├── images
│   ├── javascripts
│   └── stylesheets
│       └── style.css
├── routes
│   ├── index.js
│   └── users.js
└── views
    ├── error.pug
    ├── index.pug
    └── layout.pug

7 directories, 9 files

The app structure created by the generator is just one of many ways to structure Express apps. 生成器创建的应用程序结构只是构建Express应用程序的众多方法之一。Feel free to use this structure or modify it to best suit your needs.请随意使用此结构或修改它以最适合您的需要。

Previous: Hello World    Next: Basic routing