
手动创建一个Express.js的应用可大致分为以下步骤:
1.创建文件夹
a. 创建一个项目根文件夹,如helloWord
b.在项目的根目录下创建项目的目录结构,依次创建{public,public/css,public/img,public/js,db,views,views/includes,routes}
可使用命令:
mkdir {public,public/css,public/img,public/js,db,views,views/includes,routes}
2.NPM初始化和配置package.json
a.进入控制台,进入项目的根目录
b.输入命令:npm init ,然后输入相关的一些参数,name,version,等可参考下面的package.json 文件
c.使用命令:npm install express@4.1.2 --save
3.依赖声明
由于express.js是约定优于配置,也可直接在package.json中输入如下内容,然后运行npm install即可
{
"name": "helloworld",
"version": "0.0.1",
"description": "\"\"",
"main": "app.js",
"scripts": {
"start": "node app.js"
},
"author": "",
"license": "ISC",
"dependencies": {
"express": "4.1.2",
"jade":"1.3.1",
"mongoskin":"1.4.1",
"stylus":"0.44.0"
}
}
4.app.js项目启动文件配置
在根目录下创建项目起始文件app.js,打开app.js并编辑
对于app.js的配置文件主要涉及以下几个步骤:
1)引入依赖,
//依赖引入
var express = require('express');
var http = require('http');
var path = require('path');
2)设置相关配置
//实例化Express.js
var app = express();
//配置port、views、views engine
app.set('port',process.env.PORT || 3000);
app.set('views',path.join(__dirname,'views'));//这里的__dirname的下划线是两个英文下划线
app.set('view engine','jade');
3)连接数据库(可选)
4)定义中间件
5)定义路由
//定义路由
app.all('/',function(req,res){
res.render('index',{msg:'Welcome to the practical Node.js!'});
});
app.get('/about',function(req,res){
res.end('about us');
});
6)创建服务
//创建服务
http.createServer(app).listen(
app.get('port'),function (){
console.log('Express.js server listening on port '+app.get('port'));
}
);
开启服务之前,需要先在views文件夹中创建一个index.jade,代码如下:
h1 hello
p= msg
7)开启服务
在命令行输入:node app.js并在浏览器中输入http://localhost:3000/会得到:
在浏览器中输入http://localhost:3000/about会得到:
5.结合jade
6.运行项目