【VSC插件】LiveServer 安装使用指南

当我们碰到文件引入导致的跨域问题，而测试环境又不存在不同源时，live-server这个插件允许我们起一个前端本地服务，这样子就把资源和网站服务同源了。

 Live Server ，它的功能非常类似 serve ，只需要鼠标点两下就可以在当前目录建立一个服务器，同时自动打开浏览器访问你点击的文件。 另外它也支持自动reload，当你修改文件之后，浏览器会自动刷新，免去了你去刷新的操作（能节约1秒就节约1秒，妥妥的效率工具）。

1.左键点击下图圈出的图标或者快捷键Ctrl+Shift+X，到下图的EXTENSIONS界面。

 2.搜索Live Server点击绿色的Install即可安装，笔者是已经装好了所以才没有Install按钮的。

 3.安装成功的表示是如下图所示，右键HTML文件有Open with Live Server选项（如果没有这个选项的话，重新开一次VSC，再次导入工程所在文件夹即可）。 

4.出现右下角5500的默认端口号提示即表示启动完毕。

 5.在浏览器输入网址：http://127.0.0.1:5500/显示HTML内容。

到这一步，Live Server就成功安装并能正常使用了！