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'
AC9B4927-0FB7-4894-AFB9-5D00294E8469.png
搜索出来了两条结果，其实这两个目录下的文件都是一样的，可能是我装的时候用不同的方式装了两次，所以会有两种，尝试后发现，第二个才是我真正使用的包目录。
这一条是为了找到live-server所在的目录，接下来进入到目录中：
cd /User/.../live-server
太长省略了中间部分，路径试你搜索出来的路径为准
在这个目录下，有一个index.js文件，就是我们需要修改的目标了。
vim index.js
AD79B468-E5A6-4D32-B0C3-95DC7E227FE2.png
圈起来的两处，本来是
127.0.0.1，即默认启动监听的ip地址，需要修改称为电脑在局域网中的ip，如果不知道，可以在终端使用ifconfig命令查看。修改完成后，按
:wq保存退出，再使用live-server命令启动，就可以看到是使用修改后的ip启动了。然后，在手机浏览器中，就可以通过
ip:port的格式，访问你在电脑上编写的页面啦！
网友评论