傳統(tǒng)方法（僅適用于普通項(xiàng)目）：

?

1、在vscode中安裝 Live Server 插件：

2、安裝成功后，vscode右下角會(huì)有 Go Live 標(biāo)識(shí)點(diǎn)擊：

3、cmd ipconfig 查詢自己電腦的ip地址：

4、復(fù)制地址替換端口前的地址（http://127.0.0.1:8080修改為http://192.168.2.100:8080），注意這是我的ip本地地址和端口號(hào)，讀者別傻乎乎直接就復(fù)制過(guò)去了！

5、把地址發(fā)送到手機(jī)端，手機(jī)端點(diǎn)開(kāi)即可預(yù)覽，等待瀏覽器會(huì)自動(dòng)打開(kāi)，也可以用類似局域網(wǎng)訪問(wèn)（尤其是制作前端H5 web app等頁(yè)面需要同時(shí)拿著手機(jī)進(jìn)行聯(lián)調(diào)的時(shí)候），這樣我們就能像webstorm等IDE這樣在本地方便的使用 ajax 或者 vue-resource 等功能。

粗暴方法（適用于vue項(xiàng)目）：

打開(kāi)config/index.js找到dev下面的host改成自己的本地IP

cnpm run dev

手機(jī)上就可以用http://192.168.2.100:8080訪問(wèn)了

總結(jié)

以上是生活随笔為你收集整理的VSCode设置类似Webstorm那样可以用本地局域网IP地址访问自己开发的测试项目，vs code 前端如何以服务器模式打开？的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。