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

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 前端如何以服务器模式打开？