您的位置:首页 > Web前端 > Node.js

创建一个简单的express工程

2015-09-10 15:37 671 查看
安装nodejs

下载地址 http://nodejs.org/

安装完成后系统变量里面已经自动添加了node 和npm

新建一个项目工程目录,以c:/helloworld 为例



在这个文件夹下面新建一个package.json文件

//可以新建一个记事本,电脑上关闭隐藏已知文件扩展名的选项

//然后修改文件名和扩展名

打开这个文件

//可以以记事本形式打开

复制这段代码进去

{
"name": "application-name",
"version": "0.0.1",
"private": true,
"scripts": {
"start": "node app.js"
},
"dependencies": {
"body-parser": "^1.5.2",
"errorhandler": "^1.1.1",
"express": "^4.8.0",
"express-session": "^1.7.2",
"jade": "^1.5.0",
"method-override": "^2.1.2",
"morgan": "^1.2.2",
"multer": "^0.1.3",
"serve-favicon": "^2.0.1"
}
}




打开cmd

运行

cd c:/helloworld


//就是用Terminal打开你的项目目录,假设你的项目新建在D盘,路径为d://helloworld 那就运行cd d:/helloworld

之后运行

npm i


系统就会自动下载刚才那个package.json文件下dependencies数组里面的所有对象。

等待下载完成。

这是下载完成后的样子



在项目目录下面新建文件夹 views 、public和routes

在项目跟目录下载新建app.js 文件,在routes目录下面新建index.js

在views目录下面新建index.jade文件

复制代码

app.js

var http = require('http');
var express = require('express');
var routes = require('./routes');
var user = require('./routes/user');
var path = require('path');

var favicon = require('serve-favicon');
var logger = require('morgan');
var methodOverride = require('method-override');
var session = require('express-session');
var bodyParser = require('body-parser');
var multer = require('multer');
var errorHandler = require('errorhandler');

var app = express();

// 适用开发和生产环境
app.set('port', process.env.PORT || 3000);
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'jade');
//app.use(favicon(__dirname + '/public/favicon.ico'));
app.use(logger('dev'));
app.use(methodOverride());
app.use(session({ resave: true,
saveUninitialized: true,
secret: 'uwotm8' }));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: true }));
app.use(multer());
app.use(express.static(path.join(__dirname, 'public')));

app.get('/', routes.index);
//app.get('/users', user.list);

// 错误处理中间件应当在路由加载之后才能加载
if ('development' == app.get('env')) {
app.use(errorHandler());
}

var server = http.createServer(app);
server.listen(app.get('port'), function(){
console.log('Express server listening on port ' + app.get('port'));
});


index.js

exports.index = function(req,res){
res.render("index",{title:"hello world"});
//收到 "/" 请求后,加载index.jade 文件
};


index.jade

doctype html
html
head
title= title
meta(charset="utf-8")
meta(name="viewport" content="width=device-width, initial-scale=1")
body
h1= title
h5 express


cmd至
4000
项目跟目录,运行

node app.js


浏览器打开localhost:3000或者127.0.0.1:3000

看到


说明已经成功了,

这就是最基本的express的web服务器了
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  express nodejs jade