VsCode LiveServer使用_LiveServer启动调试

一、Vs Code LiveServer 

启动具有静态和动态页面的实时重新加载功能的开发本地服务器。

这是一个具有实时重新加载功能的小型开发服务器。用它来破解你的 HTML/JavaScript/CSS 文件，而不是用于部署最终站点。

使用这个有以下几个个原因：

1.file://由于安全限制，AJAX 请求不适用于该协议，即，如果您的站点通过 JavaScript 获取内容，则您需要一个服务器。
2.在更改文件后自动重新加载页面可以加速开发。

3.本机开发的静态网页，可以在手机上浏览效果测试。
 

官网地址：

https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer

安装命令：

ext install ritwickdey.liveserver

插件扩展，搜索“Live Server”

 

二、配置启动的客户端浏览器

 

 

三、配置启动的域名/配饰局域网手机调试

 

更多：

VS Code Css格式化插件

VS Code 常用快捷键整理

VS Code插件之Cordova Tools