vscode的liveserver设置

Visual Studio Code (VSCode) 的 LiveServer 插件是一个非常实用的功能，它允许你在浏览器上实时预览本地文件的变化，而无需手动刷新页面。以下是设置LiveServer的基本步骤：

1. 安装插件：打开VSCode，点击左下角的扩展商店图标（闪电形状），搜索 "Live Server" 并安装官方推荐的 "live-server" 插件。

2. 启动服务：在需要启用LiveServer的文件夹内，按 `Ctrl + Shift + P` 或者右键点击并选择 "Live Server: Start"，输入文件的路径，比如 `./` 表示当前目录。

3. 配置选项：如果需要更个性化的设置，可以在用户或工作区的 `settings.json` 文件中添加 live-server 相关配置。例如，可以设置自动重启服务器、指定静态文件目录等：

   {
       "liveserver.port": 8080, // 自定义端口
       "liveserver.restart_command": "npm run start", // 如果项目依赖Node.js，则这里填写启动命令
       "liveserver.root": "." // 指定文件根目录，默认是当前工作区
   }

4. 禁止自动打开浏览器：如果你不想每次启动服务时都自动打开浏览器，可以将 `"liveserver.browser"` 设置为 `false`。