第一部分:安装node 、Express、Jade
1、下载nodejs,官方下载地址:http://nodejs.org/
2、安装过程,选择下一步直到安装完成。(node -v | npm-v //查看版本)
3、设置淘宝的registry
1)win8系统 需要"命令行【管理员】"执行" msiexec+/package+安装包路径 "安装,否则会安装失败。
2)express无法执行,是环境变量不对,在环境变量中添加express目录,默认C:\Program Files\nodejs
第二部分:生成工程
1、生成工程
①、cd到要创建工程的目录: cd: Develop\NodeJs
②、使用express创建工程: express --sessions --css stylus myapp
③、cd到myapp: cd myapp
④、安装node_modules: npm install(这个过程有点慢)
⑤、启动工程: npm start
⑥、打开浏览器访问:http://localhost:3000(默认端口是3000)
第三部分:增加Bootstrap、JQuery支持
1、Bootstrap支持
从Bootstrap的官方网站(http://getbootstrap.com/2.3.2/)下载最新版的Bootstrap
解压开之后看一下所有的文件:
将img目录整体复制到工程的public目录中(myapp/public)。
将bootstrap.css和bootstrap-responsive.css复制到myapp/public/stylesheets目录中。
将bootstrap.js复制到myapp/public/javascripts中。
2、JQuery支持
2、参考上面增加Bootstrap支持
3、增加Session支持,用redis保存
1)添加中间件
2)添加代码
头部添加:
1、下载nodejs,官方下载地址:http://nodejs.org/
2、安装过程,选择下一步直到安装完成。(node -v | npm-v //查看版本)
3、设置淘宝的registry
npm config set registry https://registry.npm.taobao.org
npm info underscore (如果上面配置正确这个命令会有字符串response)
4、打开命令行执行命令安装express、jade npm install -g express
npm install -g express-generator
express -V //查看版本
npm install -g jade
//安装中间件
npm install serve-favicon morgan method-override express-session body-parser multer errorhandler --save
5、问题解决1)win8系统 需要"命令行【管理员】"执行" msiexec+/package+安装包路径 "安装,否则会安装失败。
2)express无法执行,是环境变量不对,在环境变量中添加express目录,默认C:\Program Files\nodejs
第二部分:生成工程
1、生成工程
> express --help
PS D:\tmp\node\hello-world> express --help
Usage: express [options]
Options:
-h, --help output usage information
-V, --version output the version number
-s, --sessions add session support
-e, --ejs add ejs engine support (defaults to jade)
-J, --jshtml add jshtml engine support (defaults to jade)
-H, --hogan add hogan.js engine support
-c, --css <engine> add stylesheet <engine> support (less|stylus) (defaults to plain css)
-f, --force force on non-empty directory
建立myapp工程①、cd到要创建工程的目录: cd: Develop\NodeJs
②、使用express创建工程: express --sessions --css stylus myapp
③、cd到myapp: cd myapp
④、安装node_modules: npm install(这个过程有点慢)
⑤、启动工程: npm start
⑥、打开浏览器访问:http://localhost:3000(默认端口是3000)
第三部分:增加Bootstrap、JQuery支持
1、Bootstrap支持
从Bootstrap的官方网站(http://getbootstrap.com/2.3.2/)下载最新版的Bootstrap
解压开之后看一下所有的文件:
# ls bootstrap/*
bootstrap/css:
bootstrap-responsive.css bootstrap-responsive.min.css bootstrap.css bootstrap.min.css
bootstrap/img:
glyphicons-halflings-white.png glyphicons-halflings.png
bootstrap/js:
bootstrap.js bootstrap.min.js
其中所有的Javascript和CSS都提供了开发版和产品版,前者是原始代码,后者经过压缩,文件名中带有min。然后进行一下操作:将img目录整体复制到工程的public目录中(myapp/public)。
将bootstrap.css和bootstrap-responsive.css复制到myapp/public/stylesheets目录中。
将bootstrap.js复制到myapp/public/javascripts中。
2、JQuery支持
从jQuery官网(http://jquery.com/)下载一份最新的jquery.js(如果你下载的不是这个文件名,请修改)也放到myapp/public/javascripts中。这里下载jQuery是因为Bootstrap依赖jQuery。
第四部分:
1、生成工程:
express myweb
cd myweb
npm install
2、参考上面增加Bootstrap支持
3、增加Session支持,用redis保存
1)添加中间件
cd myweb
npm install express-session connect-redis --save
thirty-two
2)添加代码
头部添加:
// 增加session支持
var session = require('express-session');
var RedisStore = require('connect-redis')(session);
中间添加
//提供session支持
app.use(session({
secret: config.session_secret,
store: new RedisStore({
port: config.redis_port,
host: config.redis_host,
db: 1,
}),
resave: true,
saveUninitialized: true,
}));