Express框架的安装&&通信测试 - 讲解篇

---

一、 Express框架的安装：

通过cmd命令配置package.json ，cmd命令，依次如下：

• 打开cmd面板，cd到你自定义的文件夹（以我的自定义文件和路径为例 C:\Users\Administrator\JavaScript\vue_book\5-2-1）
• 然后，cmd命令：npm init
• 接着是一些基础信息的配置
  （有的可直接回车默认或跳过，如页尾的cmd演示结果图所示）
• 配置完毕之后。
  接着就是引入安装Express框架，cmd命令如下:
  npm install express --save [全局安装请添加参数 -g]

文件目录详解 - 图解，如下：

在自定义路径下通过cmd命令npm init配置package.json文件：

package.json 文件的代码更新后如下：

{
  "dependencies": {
    "express": "^4.16.4",
    "ij-rpc-client": "^0.3.2",
    "vue-resource": "^1.5.1"
  },
  "name": "5-2-1",
  "version": "1.0.0",
  "description": "helloworld",
  "main": "index.js",
  "devDependencies": {},
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}

index.js 代码如下：

//定义Express实例
var express = require('express');
var app = express();
//定义路由
app.get('/', function (req, res) {
	res.send('Hello World !!!');
});
//设置启动地址端口信息
var server = app.listen(3000, function () {
	var host = server.address().address;
	var port = server.address().port;
//打印相关的内容提示
	console.log('Example app listening at http://%s:%s', host, port);
});

---

---

简单的基础信息配置 · 截图参考如下：（顺序有点乱）

因为发现再别的磁盘下，无法实现正常cd到路径，所以临时改为cd到C盘的Administrator下相关文件内：

二、 模拟Express框架的通信测试 ：通信是否正常OK?

cmd命令npm index.js 驱动之后，效果图如上图末尾的效果：http：//:::3000

此时浏览器输入：http://localhost:3000

若浏览器输出如下图所示，则说明通信正常OK， EXpress安装成功！

三、通信正常OK · 浏览器效果图

• 浏览器输入地址：http://localhost:3000/ 回车，如下截图：
  

---

以上就是关于“ Express框架的安装&&通信测试 - 讲解篇 ” 的全部内容。