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.请随意使用此结构或修改它以最适合您的需要。