搭建本地測試環(huán)境有三種情況:
一搁吓、已經(jīng)用webpack打包工具配置好的項目(比如vue.js配置好環(huán)境了)
已經(jīng)配置好的項目文件键痛,要在本地跑起來南蹂,只需要在cmd.exe里面cd到項目文件所在位置例衍,然后cnpm run dev即可跑起來降宅,手機(jī)和PC連接同一網(wǎng)絡(luò)艘狭,查看本機(jī)IP地址挎扰。此時,本地的localhost:8081巢音,手機(jī)瀏覽器可以輸入192.168.1.122:8081遵倦。
二、從git上面下載下來的項目文件
首先在cmd.exe里面cd 到該項目文件所在的路徑官撼,然后cnpm install再cnpm run dev即可跑起來梧躺,用手機(jī)端查看的方法和方法一是一致的。
三傲绣、沒有配置過的項目掠哥,只有靜態(tài)文件
可以參照菜鳥教程里面Express服務(wù)器搭建來在本地搭建個服務(wù)器,創(chuàng)建 express_demo.js 文件秃诵,代碼如下所示:
//express_demo.js 文件
var express = require('express');
var app = express();
app.get('/', function (req, res) {
res.send('Hello World');
})
// 配置靜態(tài)文件目錄
app.use(express.static('static'))
var server = app.listen(8081, function () {
var host = server.address().address
var port = server.address().port
console.log("應(yīng)用實例续搀,訪問地址為 http://%s:%s", host, port)
})
把項目文件全部丟進(jìn)static文件夾里面,在cmd.exe里面cd到該項目所在位置顷链,輸入node express_demo.js目代,即可跑起來屈梁,手機(jī)和PC連接同一網(wǎng)絡(luò),查看本機(jī)IP地址榛了。此時在讶,本地的localhost:8081,要查看static文件夾里面的index.html頁面霜大,可以在手機(jī)瀏覽器輸入192.168.1.122:8081/index.html构哺。