【vscode】 使用 【Live Server】插件 展示静态网站，自动刷新

在前端开发过程中，实时预览和自动刷新是极为重要的功能，它们能帮助开发者更高效地调试代码，提升开发体验。如果你是使用 Visual Studio Code (VS Code) 作为开发环境的前端开发者，那么你可能已经听说过 Live Server 插件。它是一个简单而强大的工具，能够让你在本地开发时实时查看 HTML、CSS 和 JavaScript 文件的效果，自动刷新浏览器页面，极大地提升开发效率。

在这篇博客中，我们将详细介绍 Live Server 插件的功能、安装和使用方法，帮助你更好地利用它进行前端开发。

什么是 Live Server？

Live Server 是一个 Visual Studio Code 插件，可以启动一个本地的开发服务器，用于自动加载和实时预览你正在编辑的网页。它支持 HTML、CSS、JavaScript 文件以及其他前端资源。当你在编辑器中修改文件并保存时，Live Server 会自动刷新浏览器页面，立即显示出最新的效果。

Live Server 的主要作用是帮助开发者避免频繁手动刷新浏览器，简化了前端开发过程中调试和查看效果的繁琐步骤。这个插件适用于静态网页开发、前端框架（如 React、Vue 等）开发，以及简单的 HTML、CSS、JavaScript 项目。

Live Server 插件的主要功能

1. 自动刷新浏览器
   每当你在 VS Code 中保存 HTML、CSS 或 JavaScript 文件时，Live Server 会自动刷新浏览器并展示最新的更改。这节省了开发者手动刷新浏览器的时间，并且可以即时查看页面效果。

2. 实时预览
   你