1.我选择了eclipse。
当然可能更多的人喜欢用webstorm,这都不是关键
首先在eclipse中安装一下node插件,
然后选择eclipse marketplace,搜索node,会有很多Node插件可供选择,
我选择的是
。
2.
new一个node.js express project。
项目结构:
node_modules:
Web项目的模块管理,即你有任何的模块都有应该封装后放在此处,如连接数据库模块。
public:
该文件夹下还有三个文件夹images,javascripts,stylesheets,含义很明显了,就不说了吧。
routes:
路由规则,即Web的控制器,即mvc中的controller。
views:
视图,但是这种视图并不是传统的html文件,而是html的引擎模板,这里默认的模板是jade文件,可以认为是前台UI,当然你在新建node.js express project的时候可以选择jade或者是ejs。
app.js:
myFirstWeb的入口,packege.json里有定义 "start": "node app.js",这里很有必要把app.js代码解读一遍:
/**
* Module dependencies.
*/
var express = require('express')
, routes = require('./routes')
, user = require('./routes/user')
, http = require('http')
, path = require('path');
var app = express();
// all environments
app.set('port', process.env.PORT || 3000);
app.set('views', __dirname + '/views');
app.set('view engine', 'ejs');
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')));
// development only
if ('development' == app.get('env')) {
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'));
});
//设定端口
app.set('port', process.env.PORT || 3000);
//设定视图路径
app.set('views', path.join(__dirname, 'views'));
//设定视图引擎模板,还可以设定其他模板,后续介绍
app.set('view engine', 'jade');
//设定路由,该路由的处理交给index.js处理
app.use(app.router);
//设定静态文件路径
app.use(express.static(path.join(__dirname, 'public')));
//若get请求的url为当前路径,则交给路由index入口中的对应函数处理
app.get('/', routes.index);
package.json:
项目的参数信息。
3.run后访问http://localhost:3000/
搞定收工~
来源:oschina
链接:https://my.oschina.net/u/2265860/blog/544597