[转载] Windows下nodejs开发环境搭建
转自: 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 5 html head title= title link(rel='stylesheet', href='/stylesheets/style.css') body block content |
——index.jade
1
2
3
4
5
|
extends layout block content h1= title p Welcome to #{title}
|