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