live-server启动一个本地服务器(手机访问)

2 篇文章 0 订阅
1 篇文章 0 订阅
 开启本地服务器

     通常我们写一个项目时需要开启一个服务器移动设备访问测试,那么如何开启一个本地服务器并且手机可以放呢,那么就可以用live-server来开启一个服务器。

    通过以下三步就可以啦

1,首先安装live-server

npm i -g live-server

(安装之前首先你得有npm工具,)

安装完成之后,就可以在你项目根目录中开启命令行输入:(必须进入你项目的根目录)

live-server
浏览器就会自动运行并且展示你的项目啦0.0。

2,改变live-server默认启动服务器的ip地址

    虽然浏览器已经展示了项目,但我们需要的是手机可以访问开启的服务器,看到自己的项目。

首先,要使电脑和手机同在一个wifi环境下。

在我们的电脑找到live-server的安装目录,找到live-server下的index.js文件


编辑器打开index.js文件,修改默认ip地址 (图中ip地址已经被我修改了,默认ip不是这个)


那么如何看自己的ip地址?例如, 打开cmd命令行输入

ipconfig

就可以看到你的ip地址了(下面这个是我的)


3,手机浏览器访问

live-server 启动项目后,浏览器地址栏会显示一段ip地址,向手机浏览器输入这段ip地址就可以了。

注意:电脑和手机必须连接同一个wifi。

例如:




  • 5
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值