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框架的安裝&&通信測試 - 講解篇 ” 的全部內容。