可通过配置sublime text实现html预览：一、使用快捷键调用默认浏览器需确保文件已保存并关联.html扩展名；二、安装open in browser插件可自定义浏览器路径，如chrome的exe位置，并通过alt+shift+o运行；三、创建build system，windows使用"cmd" "/c" "start" "$file"命令，macos用"open" "$file"，linux用"xdg-open" "$file"，保存为html-run.sublime-build后按ctrl+b执行；四、sidebarenhancements插件支持右键菜单open with功能，可绑定快捷键调用指定浏览器；五、手动将文件路径转为file://格式（如file:///c:/project/index.html），注意编码空格与中文字符，粘贴至浏览器地址栏访问。
如果您在 Sublime Text 中编辑了 HTML 文件，但无法直接在浏览器中查看效果，则可能是由于缺少快速预览的配置或未正确设置文件路径。以下是实现 Sublime Text 运行 HTML 文件的多种路径方法：
一、使用内置快捷键在默认浏览器中打开
Sublime Text 本身不内置浏览器运行功能，但可通过系统级命令调用默认浏览器打开当前 HTML 文件，该方法依赖操作系统对 .html 文件的关联设置，无需额外插件。
1、确保 HTML 文件已保存，且文件扩展名为 .html 或 .htm。
2、按下 Ctrl+Shift+P（Windows/Linux）或 Cmd+Shift+P（macOS）打开命令面板。
立即学习“前端免费学习笔记（深入）”；
3、输入 Open in Browser，若未安装对应插件则跳过此步；否则选择 Open Current File in Browser。
4、若未配置该命令，可手动右键文件标签页，选择 Open in Browser（需提前安装 Open In Browser 插件）。
二、安装 Open In Browser 插件并配置路径
该插件支持为不同浏览器指定绝对路径，适用于多浏览器环境或非系统默认浏览器场景，可精确控制打开目标。
1、按下 Ctrl+Shift+P 打开命令面板，输入 Package Control: Install Package 并回车。
2、在弹出的搜索框中输入 Open In Browser，选择并安装。
3、安装完成后，依次点击 Preferences → Package Settings → Open In Browser → Settings。
4、在用户设置中添加浏览器路径，例如 Chrome（Windows）：
"chrome": "C:/Program Files/Google/Chrome/Application/chrome.exe"。
5、保存设置后，按 Alt+Shift+O 即可选择浏览器打开当前 HTML 文件。
三、通过 Build System 自定义 HTML 运行路径
Sublime Text 的 Build System 可执行 shell 命令，适用于需要动态解析文件绝对路径并调用特定浏览器的高级需求，支持跨平台脚本逻辑。
1、点击 Tools → Build System → New Build System...。
2、将以下内容粘贴进新文件（以 Windows 为例）：
{ "cmd": ["cmd", "/c", "start", "$file"] }。
3、保存为 HTML-Run.sublime-build，位于 Sublime Text 的 Packages/User/ 目录下。
4、重启 Sublime Text，打开 HTML 文件，按 Ctrl+B 即可启动默认浏览器并加载当前文件完整路径。
5、macOS 用户可使用：
{ "cmd": ["open", "$file"] }；Linux 用户可使用：
{ "cmd": ["xdg-open", "$file"] }。
四、使用 SideBarEnhancements 插件右键运行
该插件扩展侧边栏功能，提供上下文菜单中的“Open With”选项，可一键调用任意本地程序打开 HTML 文件，路径由系统或用户显式指定。
1、通过 Package Control 安装 SideBarEnhancements 插件。
2、安装完成后，在侧边栏中右键 HTML 文件，选择 Open With → Default Application。
3、如需指定浏览器，进入 Preferences → Package Settings → SideBarEnhancements → Key Bindings。
4、添加自定义键位绑定，例如绑定 Ctrl+Alt+H 到 Chrome 路径：
{ "keys": ["ctrl+alt+h"], "command": "side_bar_open_in_browser", "args": {"application": "chrome", "extensions": ["html", "htm"]} }。
五、手动构造 file:// 协议 URL 并在浏览器地址栏输入
适用于临时调试或无插件环境，直接利用浏览器对本地文件协议的支持，绕过编辑器集成，完全依赖文件系统路径格式规范。
1、在 Sublime Text 中右键文件标签页，选择 Reveal in Side Bar 定位文件位置。
2、右键该文件，选择 Properties（Windows）或 Get Info（macOS），复制完整路径。
3、将路径转换为 file:// 格式：Windows 示例 file:///C:/project/index.html；macOS/Linux 示例 file:///Users/name/project/index.html。
4、在浏览器地址栏中粘贴该 URL 并回车，注意确保路径中无中文字符或空格，否则需进行 URL 编码处理。
