首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

3. Express应用程序生成器 | 3. Express application generator

使用应用程序生成器工具,express-generator快速创建应用程序框架。

express-generator软件包将安装express命令行工具。使用以下命令来执行此操作:

代码语言:javascript
复制
$ npm install express-generator -g

使用以下-h选项显示命令选项:

代码语言:javascript
复制
$ 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
    -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

例如,下面创建一个名为myapp的Express应用程序。该应用程序将在当前工作目录中的名为myapp的文件夹中创建,视图引擎将设置为Pug

代码语言:javascript
复制
$ 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

然后安装依赖关系:

代码语言:javascript
复制
$ cd myapp
$ npm install

在MacOS或Linux上,使用以下命令运行应用程序:

代码语言:javascript
复制
$ DEBUG=myapp:* npm start

在Windows上,使用以下命令:

代码语言:javascript
复制
> set DEBUG=myapp:* & npm start

然后在您的浏览器加载http://localhost:3000/来访问应用程序。

生成的应用程序具有以下目录结构:

代码语言:javascript
复制
.
├── 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

生成器创建的应用程序结构只是构建Express应用程序的众多方法之一。随意使用这种结构或修改它以最适合您的需求。

扫码关注腾讯云开发者

领取腾讯云代金券