项目搭建本地测试环境及手机测试

搭建本地测试环境有三种情况：

一、已经用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。