在查阅 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属性。