创建一个简单的express工程

安装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至项目跟目录,运行

node app.js

浏览器打开localhost:3000或者127.0.0.1:3000
看到这里写图片描述
说明已经成功了,
这就是最基本的express的web服务器了

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值