live-server在前端开发中是一个十分有用的工具,可以让我们在浏览器以访问ip:port的形式来预览代码,但是默认的启动ip是127.0.0.1,这样只能使用电脑浏览器访问,在开发移动端网页的时候,如果想用自己的手机来访问,那我们就需要将监听的ip修改成电脑在局域网中的ip,这样,当手机连在同一个wifi下的时候,就可以通过访问电脑的ip来浏览我们写的网页啦。
那么怎样修改live-server的监听ip呢?
首先要找到live-server的安装文件夹,我使用的电脑是Mac,当时安装的时候是用npm安装的,不太清楚在哪个路径下,所以我先搜索了一下:
sudo find / -name 'live-server.js'
搜索出来了两条结果,其实这两个目录下的文件都是一样的,可能是我装的时候用不同的方式装了两次,所以会有两种,尝试后发现,第二个才是我真正使用的包目录。
这一条是为了找到live-server所在的目录,接下来进入到目录中:
cd /User/.../live-server
太长省略了中间部分,路径试你搜索出来的路径为准
在这个目录下,有一个index.js文件,就是我们需要修改的目标了。
vim index.js
圈起来的两处,本来是127.0.0.1
,即默认启动监听的ip地址,需要修改称为电脑在局域网中的ip,如果不知道,可以在终端使用ifconfig
命令查看。
修改完成后,按:wq
保存退出,再使用live-server
命令启动,就可以看到是使用修改后的ip启动了。
然后,在手机浏览器中,就可以通过ip:port
的格式,访问你在电脑上编写的页面啦!