VSCode设置类似Webstorm那样可以用本地局域网IP地址访问自己开发的测试项目,vs code 前端如何以服务器模式打开?
生活随笔
收集整理的這篇文章主要介紹了
VSCode设置类似Webstorm那样可以用本地局域网IP地址访问自己开发的测试项目,vs code 前端如何以服务器模式打开?
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
傳統方法(僅適用于普通項目):
?
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 前端如何以服务器模式打开?的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Vant简单H5 web app【小试牛
- 下一篇: 史上最简单粗暴获取阿里巴巴iconfon