在查阅 MDN 网站的时候，偶然发现的原来 vscode 也可以实现本地化服务器部署，来模拟服务器的运行。

安装插件

在VSCode的插件市场搜索并安装以下插件：

– Live Server（用于开启本地服务器）
– Debugger for Chrome（用于本地调试）

开启本地服务

  – 在VSCode中打开你的项目文件夹。
  – 打开一个HTML文件。
  – 右键点击文件，选择“Open with Live Server”。

如此便开启了本地服务。

配置本地调试

 – 在VSCode中打开你的项目文件夹。
 – 创建一个名为`.vscode`的文件夹。
 – 在`.vscode`文件夹中创建一个名为`launch.json`的文件。
 – 在`launch.json`文件中添加以下配置：

{
"version": "0.2.0",
    "configurations": [
        {
        "type": "chrome",
        "request": "launch",
        "name": "Launch Chrome",
        "url": "http://localhost:5500",
        "webRoot": "${workspaceFolder}"
        }
    ]
}

这里假设你的本地服务器运行在http://localhost:5500上。如果你的端口号或路径不同，请相应地修改url属性。