转自： http://my.oschina.net/not/blog/91481
1、http://nodejs.org/下载node.js运行环境安装
2、打开DOS命令行
安装express框架
>npm install express
末尾显示如下为安装成功
3、www.jetbrains.com/webstorm/download/下载WebStorm并安装
.安装nodejs插件
File -> setting -> Plugins -> Browse responsitories
搜索nodejs
双击安装
4、File -> New Project
项目目录结构如下
——app.js
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
|
var express = require(\'express\')
, routes = require(\'./routes\')
, user = require(\'./routes/user\')
, http = require(\'http\')
, path = require(\'path\');
var app = express();
app.configure(function(){
app.set(\'port\', process.env.PORT || 3000);//设置监听端口
app.set(\'views\', __dirname + \'/views\');//设置模版目录
app.set(\'view engine\', \'jade\');//设置模版引擎
app.use(express.favicon());
app.use(express.logger(\'dev\'));
app.use(express.bodyParser());
app.use(express.methodOverride());
app.use(app.router);
app.use(express.static(path.join(__dirname, \'public\'))); //设置静态文件目录
});app.configure(\'development\', function(){
app.use(express.errorHandler());
});app.get(\'/\', routes.index);
app.get(\'/users\', user.list);
http.createServer(app).listen(app.get(\'port\'), function(){
console.log("Express server listening on port " + app.get(\'port\'));
}); |
——package.json
|
1
2
3
4
5
6
7
8
9
10
11
12
|
{ "name": "application-name",
"version": "0.0.1",
"private": true,
"scripts": {
"start": "node app"
},
"dependencies": {
"express": "3.0.3",
"jade": "*"
}
} |
——node_modules 文件夹下是各种模块，这里是express框架和jade模版引擎。
——public 文件夹下是各种静态文件。
——routes 文件夹下是各种action。好吧routes是路径的意思，但是我喜欢称作这个叫action。
——index.js
|
1
2
3
|
exports.index = function(req, res){
res.render(\'index\', { title: \'Express\' });//这种方式和django一样
}; |
——views 文件夹下面是各种模版。
——layout.jade
|
1
2
3
4
5
6
7
|
doctype 5html head
title= title
link(rel=\'stylesheet\', href=\'/stylesheets/style.css\')
body
block content
|
——index.jade
|
1
2
3
4
5
|
extends layoutblock content h1= title
p Welcome to #{title}
|