初步嘗試Express&jade快速建站

最近一直在看Web開發相關的書籍，一周時間讀完了《Node開發指南》一書，由于之前了解過一些Node的相關知識，于是前面基礎知識學得比較快，到開發實踐這一章的時候，卻發現好多內容不能跟著練習了。因為近幾年Node的發展過于快速，其Web開發框架 Express 必然也更新得比較頻繁，并且版本與版本之間差異較大。所以，書中必然有好多代碼在現在來看肯定運行不了，但是大體的框架還是在那里，想動手實踐還是得對照著官方文檔進行。

1. 生成Express項目

根據 官方文檔入門 的介紹，根據Express建站的步驟大致寫一下：

1. npm install express 安裝express
2. npm install express-generator -g 安裝express應用生成器
3. express myapp 生成express項目目錄以及基本啟動代碼
4. DEBUG=myapp npm start 啟動應用（Mac or Linux）； set DEBUG=myapp & npm start 啟動應用（Windows）
5. 瀏覽器訪問 http://localhost:3000

通過上面幾步很快就完成了一個項目的部署，那么接下來就是要往里填寫內容了，用框架開發就是這么快，但是會忽略掉很多重要的細節。

打開 myapp 文件夾，會看到該項目的目錄結構如下：

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

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'jade');

/* GET home page. */
router.get('/', function(req, res, next) {
  res.render('index', { title: 'Home Page'});
});

/* GET detail page. */
router.get('/detail/:id', function(req, res, next) {
  res.render('detail', { title: 'Detail Page'});
});

/* GET admin page. */
router.get('/admin', function(req, res, next) {
  res.render('admin', { title: 'Admin Page'});
});

/* GET list page. */
router.get('/list', function(req, res, next) {
  res.render('list', { title: 'List Page'});
});

doctype html
html
  head
    title= title
    link(rel='stylesheet', href='/stylesheets/style.css')
  body
    block content

extends layout
block content
  h1= title
  p Welcome to #{title}