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
的格式,訪問你在電腦上編寫的頁面啦!