使用Sublime Text预览HTML需借助外部浏览器。1. 可将HTML文件拖拽至浏览器直接查看；2. 推荐安装View In Browser插件，通过右键或快捷键一键在默认浏览器预览；3. 也可配置自定义构建系统，利用Build功能调用Chrome等浏览器打开文件。建议初学者使用插件方式，操作便捷且高效。

Sublime Text 本身不带浏览器功能，所以不能直接“运行”HTML 文件。但你可以通过一些简单的方法快速在浏览器中预览 HTML 文件。

1. 手动拖拽到浏览器

最简单的方式：

• 保存你的 HTML 文件（例如：index.html）
• 用鼠标将文件从 Sublime Text 或资源管理器直接拖到 Chrome、Edge、Firefox 等浏览器窗口中
• 浏览器会立即打开并显示页面效果

2. 使用快捷键插件（推荐：View In Browser）

安装插件后可一键在默认浏览器中预览。

前端设计引擎

使用此技能可创建独具特色、具备生产级质量的前端界面，设计品质高。当用户要求构建网页组件、页面、产物、海报或应用程序时（例如：网站、落地页、仪表盘、React 组件、HTML/CSS 布局，或对任意 Web UI 进行样式优化与视觉美化），请启用该能力。输出需为富有创意、精雕细琢的代码与 UI 设计，避免千篇一律的 AI 风格。

下载

安装步骤：

• 按下 Ctrl+Shift+P 打开命令面板
• 输入 Install Package Control，回车安装（如果还没装的话）
• 再次按 Ctrl+Shift+P，输入 Package Control: Install Package
• 搜索并安装插件：View In Browser

使用方法：

• 打开 HTML 文件
• 右键选择 View in Browser
• 或设置快捷键，比如绑定为 Ctrl+Alt+V 快速预览

3. 配置自定义构建系统（高级用法）

你可以让 Sublime 的“Build”功能直接调用浏览器打开文件。

• 点击菜单栏：Tools → Build System → New Build System
• 输入以下内容（以 Chrome 为例）：

{
  "cmd": ["start", "chrome", "$file"],
  "shell": true,
  "working_dir": "$file_path"
}

• 保存为：Browser.sublime-build
• 之后选择这个构建系统，按 Ctrl+B 就能在浏览器打开当前 HTML 文件

基本上就这些。日常建议用插件 View In Browser，方便又稳定，适合前端初学者和快速开发。手动拖拽也够用，关键是保存后刷新浏览器即可看到修改效果。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！