搭建基于express框架的运行环境

1 全局安装 express-generator,经过这个工具快速生成项目javascript

$ npm install express-generator -g
复制代码

2 执行 express 命令在当前工做目录中建立名为 myapp 的 Express 应用程序:css

$ 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
复制代码

--view=pug 表示选择pug做为模板,还可支持ejs,handlebarsjava

3 而后安装依赖项:express

$ cd myapp
$ npm install
复制代码

4 在 MacOS 或 Linux 上,采用如下命令运行此应用程序:npm

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

在 Windows 上,使用如下命令:json

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

5 而后在浏览器中输入 http://localhost:3000/ 以访问此应用程序。浏览器

生成的应用程序具备如下目录结构:bash

.
├── 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
复制代码

6 在浏览器看到下图就表示项目搭建成功啦app

相关文章
相关标签/搜索