安装live server扩展可实现html一键预览，支持实时刷新；2. 右键html文件选择“open with live server”或点击状态栏“go live”启动；3. 可设置默认浏览器和自定义快捷键提升效率；4. 临时查看可拖拽文件到浏览器。
在 VSCode 中快速运行 HTML 文件并不需要复杂的配置，只要掌握几个实用技巧，就能实现一键预览。核心思路是借助扩展和快捷操作，把浏览器打开流程自动化。
安装 Live Server 扩展
这是最高效的运行方式。Live Server 能启动一个本地服务器，并支持实时刷新。
- 打开 VSCode，点击左侧活动栏的扩展图标（四块方块组成的图标）
- 搜索 Live Server，选择由 Ritwick Dey 开发的版本并安装
- 安装完成后，右键点击任意 HTML 文件，选择“Open with Live Server”
- 浏览器会自动打开，并显示当前页面内容
设置默认打开方式为 Live Server
避免每次手动选择，可以设为默认行为。
- 文件保存后，Live Server 会自动刷新页面，提升开发效率
- 在设置中搜索 “live server default”
- 勾选 “Use Default Browser” 或指定浏览器路径
- 之后通过状态栏右下角的 “Go Live” 按钮即可一键启动
使用快捷键快速启动
提高操作速度的关键是减少鼠标操作。
威博多用户网上购物商城(生成html)
下载
威博网络2007年7月隆重推出单用户网上商城系统，此套系统功能强大、可扩展性强：以ASP为主要的开发语言、结合新技术AJAX，全站生成静态HTML页面，使用MSSQL 2000做为数据库，系统运行速度和页面生成速度快；在整体功能上，全面整合商城、文章、供求三大功能模块；在功能设置上，更显人性化，可操作性和灵活性强，全面为网上购物服务；在商品的管理和销售方面，新增更多商品促销方案，如商品批发方案
立即学习“前端免费学习笔记（深入）”；
- 启动服务后，按 Ctrl + Click 可在新标签页打开链接
- 关闭服务只需点击状态栏 “Port: 5500” 并选择停止
- 可自定义快捷键绑定“Live Server: Open with Live Server”命令
直接用浏览器打开（临时测试用）
不需要实时刷新时，可用简单方法。
- 右键 HTML 文件，选择“Reveal in File Explorer”找到文件位置
- 拖拽文件到浏览器标签页即可查看
- 或在资源管理器中右键文件，选择“Open with” → 浏览器
基本上就这些。Live Server 是最推荐的方式，适合日常开发。临时查看可以用直接拖拽浏览器的方法。不复杂但容易忽略的是默认设置和快捷操作，配合适当习惯调整，效率提升明显。
