前提:
安裝配置有node環(huán)境
一、初始化node項(xiàng)目
在項(xiàng)目的工作目錄,執(zhí)行命令
npm init
初始化參數(shù)設(shè)置,可以根據(jù)情況設(shè)置,或者直接全部默認(rèn)也行:
初始化項(xiàng)目
二、安裝express模塊
Express是目前最流行的基于Node.js的Web開發(fā)框架,可以快速地搭建一個(gè)完整功能的網(wǎng)站。
直接通過命令行安裝
npm i express --save
G:\app-server>npm i -g express --save
+ express@4.17.1
added 2 packages from 2 contributors and updated 24 packages in 23.892s
三、編寫app.js
新建一個(gè)app.js文件
var express = require('express');
var app = express();
app.use(express.static(__dirname + '/public'));
app.listen(8080, () => {
console.log(`App listening at port 8080`)
})
在express添加中間件,設(shè)置靜態(tài)資源路徑為public,所有的HTML、CSS、JS等文件都放在public下即可。默認(rèn)訪問public下面的index.html
新建index.html
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Web測試平臺</title>
</head>
<body>
<h1>Web測試平臺</h1>
</body>
</html>
四、啟動(dòng)服務(wù)
node app.js
即可運(yùn)行
G:\app-server>node app.js
App listening at port 8080
訪問ip:8080
就可以訪問到index.html那個(gè)頁面了哦。
好了,各位老鐵。相信你一定也學(xué)會搭建這個(gè)服務(wù)器環(huán)境了哦。
有問題歡迎留言哦。一起學(xué)習(xí)。