sublime text是一款轻量且功能强大的代码编辑器，很多前端开发者会用来编写html文件，掌握在sublime中直接运行html文件的方法，能减少反复切换窗口的操作，提升开发效率。本文会介绍几种常见的运行html的方式，用户可以根据自己的使用习惯选择。
方法一：使用内置的构建系统运行
sublime自带了基础的构建系统功能，我们可以通过配置让它调用系统默认浏览器打开html文件，具体操作步骤如下：
1. 新建构建系统配置
打开sublime，点击顶部菜单栏的工具-构建系统-新建构建系统，会打开一个默认的配置文件，我们替换成如下内容：
{
"cmd": ["open", "$file"],
"selector": "text.html"
}
如果是Windows系统，需要把cmd的内容改成调用默认浏览器的命令，配置如下：
{
"cmd": ["cmd", "/c", "start", "$file"],
"selector": "text.html"
}
保存文件，命名为HTML.sublime-build，保存到默认弹出的用户配置目录下即可。
2. 运行html文件
打开需要运行的html文件，点击顶部菜单栏的工具-构建，或者直接使用快捷键Ctrl+B（Mac系统是Cmd+B），就会自动用系统默认浏览器打开当前html文件。
方法二：安装SideBarEnhancements插件运行
SideBarEnhancements是sublime中很常用的侧边栏增强插件，安装之后可以直接通过右键菜单在浏览器中打开html文件，操作更便捷。
1. 安装插件
首先确保已经安装了Package Control，然后按下Ctrl+Shift+P打开命令面板，输入install package，回车后搜索SideBarEnhancements，点击安装即可。
2. 配置浏览器路径
安装完成后，点击首选项-Package Settings-SideBarEnhancements-Settings - User，添加本地浏览器的安装路径，示例配置如下：
{
"default_browser": "chrome",
"browsers": {
"chrome": {
"linux": "google-chrome",
"osx": "/Applications/Google Chrome.app/Contents/MacOS/Google Chrome",
"windows": "C:\Program Files\Google\Chrome\Application\chrome.exe"
}
}
}
3. 打开html文件
在侧边栏找到需要运行的html文件，右键点击，选择Open In Browser，再选择对应的浏览器，就可以直接打开文件。
方法三：安装View In Browser插件运行
View In Browser是专门用来在浏览器中打开文件的插件，配置简单，适合只需要基础打开功能的用户。
1. 安装插件
同样通过Package Control搜索View In Browser安装即可。
2. 使用插件打开文件
打开html文件后，右键点击编辑区域，选择View In Browser，或者直接按下快捷键Ctrl+Alt+V，就能快速用浏览器打开当前文件。
不同方法对比
我们可以根据自己的需求选择合适的方法，下面是几种方法的对比：
| 方法 | 优点 | 缺点 |
|---|---|---|
| 内置构建系统 | 不需要安装额外插件，轻量 | 配置步骤稍多，功能单一 |
| SideBarEnhancements插件 | 功能丰富，支持多浏览器选择 | 插件体积稍大，需要配置路径 |
| View In Browser插件 | 配置简单，快捷键操作方便 | 功能较少，仅支持打开文件 |
注意事项
- 配置构建系统时，Windows系统的路径如果有空格，需要用双引号包裹路径，避免命令执行失败。
- 如果html文件中引用了本地资源，使用上述方法打开时，资源路径需要是相对路径，避免出现加载失败的问题。
- 如果快捷键冲突，可以在
首选项-快捷键设置中修改对应功能的快捷键。