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

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,200评论 19 139
  • 个人学习批处理的初衷来源于实际工作;在某个迭代版本有个BS(安卓手游模拟器)大需求,从而在测试过程中就重复涉及到...
    Luckykailiu阅读 4,814评论 0 11
  • 部分内容转载自搜狗百科 cmd是command的缩写.即命令提示符(CMD),是在OS / 2 , Windows...
    青冥之上阅读 2,432评论 0 24
  • win7 cmd管理员权限设置 net localgroup administrators 用户名 /add 把“...
    f675b1a02698阅读 5,423评论 0 11
  • 琐事记9.14 几天前,家里忽然断网了,打电话给移动公司,他们派来了个修理工。修理工在我的电脑上捣鼓了一会儿,说,...
    小棕榈阅读 204评论 0 0