Mac中live-server启动时指定ip

2018-10-01  本文已影响0人  码不能停

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的格式,访问你在电脑上编写的页面啦!
上一篇下一篇

猜你喜欢

热点阅读