搭建本地测试环境有三种情况:
一、已经用webpack打包工具配置好的项目(比如vue.js配置好环境了)
已经配置好的项目文件,要在本地跑起来,只需要在cmd.exe里面cd到项目文件所在位置,然后cnpm run dev即可跑起来,手机和PC连接同一网络,查看本机IP地址。此时,本地的localhost:8081,手机浏览器可以输入192.168.1.122:8081。
二、从git上面下载下来的项目文件
首先在cmd.exe里面cd 到该项目文件所在的路径,然后cnpm install再cnpm run dev即可跑起来,用手机端查看的方法和方法一是一致的。
三、没有配置过的项目,只有静态文件
可以参照菜鸟教程里面Express服务器搭建来在本地搭建个服务器,创建 express_demo.js 文件,代码如下所示:
//express_demo.js 文件
var express = require('express');
var app = express();
app.get('/', function (req, res) {
res.send('Hello World');
})
// 配置静态文件目录
app.use(express.static('static'))
var server = app.listen(8081, function () {
var host = server.address().address
var port = server.address().port
console.log("应用实例,访问地址为 http://%s:%s", host, port)
})
把项目文件全部丢进static文件夹里面,在cmd.exe里面cd到该项目所在位置,输入node express_demo.js,即可跑起来,手机和PC连接同一网络,查看本机IP地址。此时,本地的localhost:8081,要查看static文件夹里面的index.html页面,可以在手机浏览器输入192.168.1.122:8081/index.html。