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

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

桌面怎么设置计算机网络连接,电脑桌面的本地连接ip地址可以设置吗_本地连接ip地址设置方法 - 驱动管家...
1.首先在Win7桌面上找到"网络"入口,如下图: 进入Win7网络 2.进入网络之后我们再点击顶部的"网络共享中心",如下图: 进入Win7网络共享中心 3. ...
VUE-获取本地局域网IP地址
const os = require('os'); //提供本地的相关信息// 获取本地ip function getNetWorkIp() {// 打开hostlet needHost = '';t ...
.net6 本地运行无法通过局域网 IP地址访问
参考解决地址: https://www.jb51.net/article/240699.htm https://github.com/dotnet/aspnetcore/issues/38185 实践 ...
VSCode前端文件（html文件）如何以服务器模式打开？
方法1: VSCode前端文件(html文件)如何以服务器模式打开?比如工程下有一个A.html文件,想在VSCode里面直接操作,就想Webstorm一样,以http://localhost/xxx ...
vs运行localhos转换为本地ip地址访问
打开vs文档下面在applicationhost.config找到site节点 1.打开applicationhost.config,找到如下代码: <bindings><bindi ...
Windows server防火墙如何设置阻止IP访问防火墙限制ip地址访问
Windows server防火墙如何设置阻止IP访问防火墙限制ip地址访问打开"控制面板",在右上角的查看方式改为"小图标",选择打开"Wind ...
如何让本地局域网IP端口映射到域名
外网用户不能通过访问内网IP来实现访问我们的FTP.Web.SVN等应用服务器,也不能直接通过内网IP来远程桌面到内网主机电脑.对于外网用户,起唯一地址作用的就是域名,你的服务器是需要让外网能够识别的 ...
netcore 获取本地网络IP地址
.net framework 下面可以用下面的代码获取到本地网络ip地址.netcore下面这个代码也依然可以用 System.Net.Dns.GetHostName() System.Net.Dns ...
用python获取本地的ip地址
用python获取本地的ip地址: Windows下2种方法: 1. 使用拨号上网的话,一般都有一个本地ip和一个外网ip,使用python可以很容易的得到这两个ip 使用gethostbyname和 ...

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

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

粗暴方法（适用于vue项目）：

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

最新文章

热门文章