首先新建一个目录mkdir myblog,在该目录下运行npm init 生成package.json

然后安装express,加--save写入package.json

npm i express@4.14.0 --save

新建index.js并写入:
var express = require('express');

var app = express();

app.get('/', function(req, res) {

  res.send('hello, express');

});

app.listen(3000);

//req.query: 解析后的 url 中的 querystring，如 ?name=haha，req.query 的值为 {name: 'haha'}

//req.params: 解析 url 中的占位符，如 /:name，访问 /haha，req.params 的值为 {name: 'haha'}

//req.body: 解析后请求体，需使用相关的模块，如 body-parser，请求体为 {"name": "haha"}，则 req.body 为 {name: 'haha'}

　　文件结构如下:



然后全局安装supervisor并启动:


npm install -g supervisor

supervisor --harmony index

supervisor 会监听当前目录下 node 和 js 后缀的文件，当这些文件发生改动时，supervisor 会自动重启程序

安装一个模版引擎ejs:
npm i ejs --save

此时各文件代码如下:
index.js:
var path = require('path');

var express = require('express');

var app = express();

var indexRouter = require('./routes/index');

var userRouter = require('./routes/users');

app.set('views', path.join(__dirname, 'views'));// 设置存放模板文件的目录

app.set('view engine', 'ejs');// 设置模板引擎为 ejs

app.use('/', indexRouter);

app.use('/users', userRouter);

app.listen(3000);

　　routes/index.js:

var express = require('express');

var router = express.Router();

router.get('/', function(req, res) {

  res.send('hello, express');

});

module.exports = router;

　　routes/users.js:

var express = require('express');

var router = express.Router();

router.get('/:name', function(req, res) {

  res.render('users', {

    name: req.params.name

  });

});

module.exports = router;

　　views/header.ejs

<!DOCTYPE html>

<html>

  <head>

    <style type="text/css">

      body {padding: 50px;font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;}

    </style>

  </head>

  <body>

　　views/footer.ejs

  </body>

</html>

　　views/users.ejs:

<%- include('header') %>

  <h1><%= name.toUpperCase() %></h1>

  <p>hello, <%= name %></p>

<%- include('footer') %>

　

运行:　

访问localhost:3000/users/richard:

https://maninboat.gitbooks.io/n-blog/content/book/3.3%20%E6%A8%A1%E6%9D%BF%E5%BC%95%E6%93%8E.html



 
												


											
初始化一个Express项目的更多相关文章
	

    
								
  1. 新建一个express项目的流程
		
    1.先创建一个文件夹,然后创建一个项目,默认有一个:package.json 文件 #初始化项目 npm init 2.初始化项目会出现一个默认的提醒 #这个实用程序将指导您创建一个包,json文件. ...
    
		
    2. 
						
  2. 初始化一个vue项目
		
    1.安装node 端开发框架和环境都是需要 Node.js ,先安装node.js开发环境,vue的运行是要依赖于node的npm的管理工具来实现,下载https://nodejs.org/en/,安 ...
    
		
    3. 
						
  3. Node.js--安装express以及创建第一个express项目（windows）
		
    1.根据新版的express出现了安装器的概念,安装express需要两个步骤(命令行找到nodejs目录全局安装): (1)npm install -g express@4.15.0   (也可省略 ...
    
		
    4. 
						
  4. 如何用vue-cli初始化一个vue项目
		
    单文件组件和vue-loader 解析打包.vue文件 vue为了能够使我们在项目开发中对组件进行更好的维护,提供了一个单文件组件系统,vue把每一个独立的组件放在一个.vue的文件中,在这个文件中提 ...
    
		
    5. 
						
  5. 初始化一个React项目（TypeScript环境）
		
    React将由三部分组成,其中,Redux是应用状态管理服务,React-Router用于路由映射,React View用于显示界面. 我们使用Facebook推荐的create-react-app来 ...
    
		
    6. 
						
  6. 使用Go module和GoLand初始化一个Go项目
		
    我最新最全的文章都在南瓜慢说 www.pkslow.com,欢迎大家来喝茶! 1 简介 Golang是一门优秀的语言,特别是在并发编程上,得益于它的协程和channel等,非常方便易用.它通过go m ...
    
		
    7. 
						
  7. webpack 4.x  从零开始初始化一个vue项目
		
    创建目录 项目名称: vue-init app css reset.sass js home index.vue router index.js main.js App.vue views index ...
    
		
    8. 
						
  8. 初始化一个React项目
		
    1.create-react-app是一个通过npm发布的安装包,在确认Node.js和npm安装好之后,输入下面命令创建. 2.安装结束后,使用下面命令创建应用目录. 3.打开目录 4.运行项目 5 ...
    
		
    9. 
						
  9. vue学习笔记-初始化一个vue项目(1)
		
    1.cnpm install -g vue-cliUsage:vue init <template-name> <project-name> 2.我们一般使用webpack模版 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. C++的XML编程经验――LIBXML2库使用指南
			
    C++的XML编程经验――LIBXML2库使用指南 写这篇文章的原因有如下几点:1)C++标准库中没有操作XML的方法,用C++操作XML文件必须熟悉一种函数库,LIBXML2是其中一种很优秀的XML ...
    
			
    2. 
						
  2. LeetCode951-翻转等价二叉树
			
    问题:翻转等价二叉树 我们可以为二叉树 T 定义一个翻转操作,如下所示:选择任意节点,然后交换它的左子树和右子树. 只要经过一定次数的翻转操作后,能使 X 等于 Y,我们就称二叉树 X 翻转等价于二叉 ...
    
			
    3. 
						
  3. tp5依赖注入（自动实例化）：解决了像类中的方法传对象的问题
			
    app\index\Demo1.php namespace app\index\controller; /* 容器与依赖注入的原理 ----------------------------- 1.任何 ...
    
			
    4. 
						
  4. Elizabeth Taylor【伊丽莎白·泰勒】
			
    Elizabeth Taylor People fell in love with Elizabeth Taylor in 1944, when she acted in the movie Nati ...
    
			
    5. 
						
  5. 教你如何在 Javascript 文件里使用 .Net MVC Razor 语法
			
    摘录 文章主要是介绍了通过一个第三方类库RazorJS,实现Javascript 文件里使用 .Net MVC Razor 语法,很巧妙,推荐给大家 相信大家都试过在一个 View 里嵌套使用 jav ...
    
			
    6. 
						
  6. hadoop 启动or运行mr错误
			
    hadoop 错误:Incorrect configuration: namenode address dfs.namenode.servicerpc-address or dfs.namenode. ...
    
			
    7. 
						
  7. 爬虫工程师常用的 Chrome 插件
			
    做多了爬虫都知道,写一个爬虫大部分时间不是在代码上,而是在分析网页上,所有有一套好用的工具可以极大节省劳动力,这里把平时积累的一些 Chrome 插件分享出来,均来自本人和同事推荐,并不定时更新,欢迎 ...
    
			
    8. 
						
  8. 洛谷P1162 填涂颜色
			
    题目链接:https://www.luogu.org/problemnew/show/P1162 这道题是LITTLESUN写的第一道BFS哦! 对于这道题的的思路是把封闭图形外边的0标记一边,在最后 ...
    
			
    9. 
						
  9. loj2063 「HAOI2016」字符合并
			
    ref #include <iostream> #include <cstring> #include <cstdio> using namespace std;  ...
    
			
    10. 
						
  10. 数据库路由中间件MyCat - 使用篇（1）
			
    此文已由作者张镐薪授权网易云社区发布. 欢迎访问网易云社区,了解更多网易技术产品运营经验. 基本概念 直接介绍概念太枯燥了,还是拿个和背景篇相似的例子介绍 业务场景:客户完成下单,快递员接受并更新运单 ...
    
			
    11.