版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_35393869/article/details/84391608
文章目录
一、 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框架的安装&&通信测试 - 讲解篇 ” 的全部内容。