Express框架的安装通信测试

文章目录

一、 Express框架的安装：
- - 通过cmd命令配置package.json ，cmd命令，依次如下：
  - package.json 文件的代码更新后如下：
  - index.js 代码如下：
- 简单的`基础信息配置` · 截图参考如下：（`顺序有点乱`）
二、模拟Express框架的通信测试：通信是否正常OK?
- cmd命令`npm index.js` 驱动之后，效果图如上图末尾的效果：`http：//:::3000`
三、通信正常OK · 浏览器效果图

一、 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框架的安装&&通信测试 - 讲解篇 ” 的全部内容。

Express框架的安装通信测试 - 讲解篇相关推荐

【Node学习】—Express框架的安装
[Node学习]-Express框架的安装安装的步骤创建一个目录,然后进入此目录并将其作为当前工作目录. 通过 npm init 命令为你的应用创建一个 package.json 文件. 目录下安 ...
（九）nodejs循序渐进-Express框架（进阶篇）
Express 框架 Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用,和丰富的 HTTP 工具. 使用 Express 可以快速 ...
Node.js Express 框架 Express
Express 简介 Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用,和丰富的 HTTP 工具. 使用 Express 可以快速 ...
Nodejs之Express框架
Nodejs之Express框架 Express 简介安装 Express 第一个 Express 框架实例请求和响应路由静态文件 GET 方法 POST 方法文件上传 Cookie 管理 ...
php图文安装教程,phpstudy的安装及ThinkPHP框架的搭建图文讲解
我们开始学习ThinkPHP框架,第一件事是要在自己的电脑上安装一个php的服务器,其实很简单.只需要下载一个phpstudy即可.phpstud集成了Apache+MySQL+phpMyadmin, ...
nodejs安装express框架
安装express框架 npm install express -gd -g代表安装到NODE_PATH的lib里面,而-d代表把相依性套件也一起安装.如果沒有-g的话会安装目前所在的目录(会建立一个 ...
Node.js开发之Express框架安装
Express框架安装 1.在命令行中使用全局模式安装 $ sudo npm install express@3.0.6 -g 2.建立工程 ...
测试http请求的Chrome插件：Postman插件的查找安装模拟测试 - 讲解篇
一个测试http请求的Chrome插件:Postman 本文简述一下这个Chrome插件:Postman插件的查找.下载.安装. 这里需要合法的VPN服务商,具体原因你懂的. Chrome资源查找下载 ...
MongoDB可视化界面工具Studio3T的安装 - 讲解篇
MongoDB可视化界面工具Studio3T的安装 - 讲解篇因为现在可视化界面很多,我本人用的是 Studio 3T ,这里发文一篇,当时入门宝鉴了. 下载 · 可视化工具 - Studio 3T ...

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

文章目录

一、 Express框架的安装：

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

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

index.js 代码如下：

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

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

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

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

Express框架的安装通信测试 - 讲解篇相关推荐

最新文章

热门文章

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

文章目录

一、 Express框架的安装：

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

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

index.js 代码如下：

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

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

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

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

Express框架的安装通信测试 - 讲解篇相关推荐

最新文章

热门文章

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

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

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