vue2学习笔记3 - 开发环境知识补充：live server简介

学习笔记1搭建开发环境中，在vs code里安装了live server插件，后续多次使用open with live server来打开浏览器，展示代码运行效果。本着知其然也要知其所以然的态度，稍稍了解了一下Live server。

什么是Live Server

Live Server是一款方便的Web开发工具，可以在开发过程中提供实时预览和自动刷新的功能。无需手动刷新网页，开发者可以实时查看对代码的修改，并快速验证效果，但是不能用于部署最终站点。

Live Server的工作原理

Live Server会在本地启动一个服务器，用于加载和运行项目，端口号为5500. 

它会在服务器和浏览器间建立一个WebSocket链接，监听指定的文件夹中的文件系统事件，比如文件的创建、修改和删除，以此来监听文件夹中文件的变化，比如HTML、CSS和Javascript文件。

当监听到文件发生变化时，服务器将对应的事件信息发送给浏览器，于是浏览器可自动刷新页面，加载最新的资源，让开发者立刻看到最新的效果。

如何实现

为了实现这个效果，Live server服务器为每个请求的html文件注入一小段JavaScript代码。这个脚本建立了web套接字连接并监听重载请求。通过从DOM中查找引用的样式表，并触发浏览器再次获取并解析它们ÿ