前言

Express 是 Node 的一个流行框架之一，npm 是 Node 的包管理器。jade 是 html 模版引擎，stylus 是 css 预处理器，和 LESS 或者 SASS 差不错。coffee 用来写 javascript。Nib 是 stylus 一个工具，用来加入 vendor-prefix，-webkit-transform(chrome,safari) -moz-transform(mozilla,firefox) -o-transform(opera)

白话版：express 就是 node，npm 是 node 安装东西的工具，jade 用来写 html5，coffee 写javascript，stylus 写 css，nib 用来帮助生成 这些混乱的浏览器厂家 css 标记。总之，一切为了 － 快！

安装 node 和 npm

下载 node ，再安装 npm(node 包管理器)。mac 下装 npm 参考 mac 下安装 npm ；mac 下装 node 有用 brew 的说法，而 brew 又需要 Xcode，上帝啊，还好，官方的安装器有了。

终端看一下版本

node -v

npm -v

显示版本号，表示 node 和 npm 都装好了

安装 express、jade 和 stylus

这个简单了

npm install express

npm install jade

npm install stylus

下载 express+jade 源代码模版

下载 express+jade。怎么下？

要么到上级页面中找到 ZIP 字样，整个端下来

要么，git clone https://github.com/visionmedia/express.git

终端进入 express-master/examples/jade 目录，然后

node index.js

用浏览器看：

http://localhost:3000

错误？

哈哈，打开 index.js,看看那些路径写的对不对。譬如这几句

var express = require('express');
var pub = __dirname + '/public';
app.set('views', __dirname + '/views');

stylus

还是修改 index.js 配置

var stylus = require('stylus'),nib = require('nib')

function compile(str, path) {
  return stylus(str)
    .set('filename', path)
    .use(nib())
}

app.use(stylus.middleware(
  { src: __dirname + '/public'
  , compile: compile
  }
))

更多的例子模版

这个另外一个 express+jade+stylus 例子 Basic Express Site（多了个stylus）。下载解压，终端进入其目录执行

node app.js

还有这个 coffee-jade-stylus

你还需要什么？

• MongoDB 免费新型数据库
• D3.js 可视化图形设计
• Socket.IO 服务端即时通讯
• ejs with nodejs