---
title: 用 VSCode 建立本地服务器预览网页
date: '2025-11-05'
summary: 用 VSCode 的 Live Server 插件在本地预览网页。
lang: zh
category: Engineering/Web
legacy_url: https://dozybot001.github.io/2025/11/05/2025-11-05-vscode-local-server/
---

## 安装软件

[官网下载并安装 VSCode](https://code.visualstudio.com):
![](/blog/assets/2025-11-05-vscode-local-server/202511052114913.png)

## 安装扩展

1. 打开 VSCode ，点击左侧的 Extension ：
![](/blog/assets/2025-11-05-vscode-local-server/202511052118364.png)
2. 搜索 Live Server ，点击 Install ，等待安装完成：
![](/blog/assets/2025-11-05-vscode-local-server/202511052120520.png)

## 预览网页
1. 点击左侧的 Explorer -> Open Folder：
![](/blog/assets/2025-11-05-vscode-local-server/202511052122243.png)
2. 打开网站文件夹后，点击右下角 Go Live 即可：
![](/blog/assets/2025-11-05-vscode-local-server/202511052124612.png)