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'
前端
搜索出来了两条结果,其实这两个目录下的文件都是同样的,多是我装的时候用不一样的方式装了两次,因此会有两种,尝试后发现,第二个才是我真正使用的包目录。npm
这一条是为了找到live-server所在的目录,接下来进入到目录中: cd /User/.../live-server
vim
太长省略了中间部分,路径试你搜索出来的路径为准浏览器
在这个目录下,有一个index.js文件,就是咱们须要修改的目标了。工具
vim index.js
3d
127.0.0.1
,即默认启动监听的ip地址,须要修改称为电脑在局域网中的ip,若是不知道,能够在终端使用
ifconfig
命令查看。 修改完成后,按
:wq
保存退出,再使用
live-server
命令启动,就能够看到是使用修改后的ip启动了。 而后,在手机浏览器中,就能够经过
ip:port
的格式,访问你在电脑上编写的页面啦!