首先新建一个目录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. java基础面试题：说说&和&&的区别
			
    &与&&都是逻辑与 不同的是&左右两边的判断都要进行,而&&是短路与,当&&左边条件为假则不用再判断右边条件,所以效率更高 例如,对于i ...
    
			
    2. 
						
  2. 关于小程序button控件上下边框的显示和隐藏问题
			
    问题: 小程序的button控件上下有一条淡灰色的边框,在空件上加上了样式 border:(none/0); 都没办法让button上下的的边框隐藏: 代码如下 <button class=&q ...
    
			
    3. 
						
  3. C++ 学习笔记 （七）继承与多态 virtual关键字的使用场景
			
    在上一篇 C++ 学习笔记 (六) 继承- 子类与父类有同名函数,变量 中说了当父类子类有同名函数时在外部调用时如果不加父类名则会默认调用子类的函数.C++有函数重写的功能需要添加virtual关键字 ...
    
			
    4. 
						
  4. 十一、Shell 文件包含
			
    Shell 文件包含 和其他语言一样,Shell 也可以包含外部脚本.这样可以很方便的封装一些公用的代码作为一个独立的文件. Shell 文件包含的语法格式如下: . filename # 注意点号( ...
    
			
    5. 
						
  5. Python9-IO模型-day41
			
    # 进程:启动多个进程,进程之间是由操作系统负责调用# 线程:启动多个线程,真正由被cpu执行的最小单位实际是线程# 开启一个线程,创建一个线程,寄存器.堆栈# 关闭一个线程# 协程# 本质上是一个线 ...
    
			
    6. 
						
  6. .NET 与MVC的区别
			
    .NET MVC与三层架构 二者都是架构模式,并且也有一定的共存度,在实际开发中,严格区分意义不大. 基于最近涉及到这部分知识就在复习下,编程过程中,基础概念更重要,而不是技术. 1.三层架构:即UI ...
    
			
    7. 
						
  7. ARM linux中断总结
			
    Linux异常处理体系结构 Linux异常体系之vector_stub宏解析 Linux异常体系之stubs_offset Linux中断体系结构 ARM系统调用
    
			
    8. 
						
  8. poj 3292 H-素数问题 扩展艾氏筛选法
			
    题意:形似4n+1的被称作H-素数,两个H-素数相乘得到H-合成数.求h范围内的H-合成数个数 思路: h-素数                                             ...
    
			
    9. 
						
  9. HDFS上传文件
			
    1.client端向namenode请求上传文件,查看文件是否存在,是否有权限往hdfs写入 2.如果文件不存在,权限OK就根据副本数N(例如2个),根据网络拓扑选择N个离client端最近的data ...
    
			
    10. 
						
  10. mysql中为int设置长度究竟是什么意思
			
    根据个人的实验并结合资料:1.长度跟可以使用的值的范围无关,值的范围仅跟类型对应的存储字节数和是否unsigned有关:2.长度指的是显示宽度,比如,指定3位int,那么id为3和id为300的值,在 ...
    
			
    11.