傳統方法（僅適用于普通項目）：

?

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

2、安裝成功后，vscode右下角會有 Go Live 標識點擊：

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

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

5、把地址發送到手機端，手機端點開即可預覽，等待瀏覽器會自動打開，也可以用類似局域網訪問（尤其是制作前端H5 web app等頁面需要同時拿著手機進行聯調的時候），這樣我們就能像webstorm等IDE這樣在本地方便的使用 ajax 或者 vue-resource 等功能。

粗暴方法（適用于vue項目）：

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

cnpm run dev

手機上就可以用http://192.168.2.100:8080訪問了

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。