初步尝试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}