Sublime Text是一款轻量且功能强大的代码编辑器，很多前端开发者会用它编写HTML代码，掌握在编辑器内直接运行预览HTML的方法，能大幅减少切换浏览器的操作，提升开发效率。下面介绍几种常用的Sublime Text运行HTML的方案。
方法一：使用系统默认浏览器打开
Sublime Text本身没有内置的HTML渲染引擎，最基础的方式是通过配置调用系统默认浏览器打开当前编辑的HTML文件，操作步骤如下：
1. 打开构建系统配置界面
点击顶部菜单栏的Tools，选择Build System，再点击New Build System，会打开一个新的配置文件。
2. 编写构建配置代码
将文件内的默认内容替换为以下配置，根据系统选择对应的代码：
Windows系统配置
{
"cmd": ["cmd", "/c", "start", "$file"],
"selector": "text.html"
}
macOS系统配置
{
"cmd": ["open", "$file"],
"selector": "text.html"
}
Linux系统配置
{
"cmd": ["xdg-open", "$file"],
"selector": "text.html"
}
3. 保存配置文件
按下Ctrl+S（Windows/Linux）或Cmd+S（macOS）保存文件，命名为HTMLPreview.sublime-build，保存到默认弹出的用户配置目录即可。
4. 运行HTML文件
打开需要预览的HTML文件，点击Tools -> Build System，选择刚才创建的HTMLPreview，然后按下Ctrl+B（Windows/Linux）或Cmd+B（macOS），系统默认浏览器就会自动打开当前HTML文件。
方法二：安装View In Browser插件
如果不想手动配置构建系统，也可以安装第三方插件实现更灵活的HTML预览功能，View In Browser是常用的相关插件，安装和使用步骤如下：
1. 安装Package Control
如果Sublime Text还没有安装Package Control，先按下Ctrl+`打开控制台，复制对应版本的Package Control安装代码执行，安装完成后重启编辑器。
2. 安装View In Browser插件
按下Ctrl+Shift+P打开命令面板，输入install package并回车，等待插件列表加载完成后，输入View In Browser，选中对应插件点击安装。
3. 使用插件预览HTML
打开HTML文件后，右键点击编辑区域，选择View In Browser，可以选择用默认浏览器、Chrome、Firefox等不同浏览器打开文件，也可以自定义快捷键快速调用该功能。
方法三：配置本地服务器运行
如果HTML文件中包含需要服务器环境支持的代码，比如<script>标签引入本地相对路径的接口、使用fetch请求本地资源等，直接打开文件可能会出现跨域问题，这时候可以配置本地服务器运行HTML：
1. 安装Sublime Server插件
同样通过Package Control搜索安装Sublime Server插件，安装完成后重启编辑器。
2. 启动本地服务器
点击Tools -> Sublime Server -> Start Sublime Server，启动本地服务器，默认端口是8080。
3. 运行HTML文件
右键点击需要预览的HTML文件，选择View in Sublime Server，编辑器就会通过本地服务器地址打开该文件，地址格式为http://127.0.0.1:8080/文件路径，可以正常支持需要服务器环境的代码运行。
常见问题说明
- 如果按下构建快捷键没有反应，先检查是否选中了正确的构建系统，或者当前文件是否是HTML格式。
- 使用插件打开浏览器时如果提示找不到浏览器，需要在插件配置中手动指定浏览器的安装路径。
- 本地服务器启动失败可以检查8080端口是否被占用，也可以在插件设置中修改默认端口。
以上几种方法都可以实现Sublime Text运行HTML的需求，基础预览需求可以选择方法一或方法二，需要服务器环境的话选择方法三即可，用户可以根据自己的使用场景选择最合适的方案。
Sublime_TextHTMLHTML_previewsublime_build_system修改时间：2026-07-02 19:30:27