VSCode设置类似Webstorm那样可以用本地局域网IP地址访问自己开发的测试项目，vs code 前端如何以服务器模式打开？_vscode运行后怎么地址访问

作者：菜鸟追梦旅行 | 2024-05-29 23:34:36

踩

vscode运行后怎么地址访问

传统方法（仅适用于普通项目）：

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 等功能。

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

cnpm run dev

手机上就可以用http://192.168.2.100:8080访问了

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/菜鸟追梦旅行/article/detail/644390