sublime是一款轻量且功能强大的代码编辑器，很多前端开发者会用它编写html文件，掌握在sublime中直接运行html的方法，能省去频繁切换窗口手动打开文件的麻烦，提升开发效率。
方法一：使用自带构建系统运行html
sublime自带了构建系统功能，可以通过配置调用系统默认浏览器打开当前编辑的html文件，具体操作步骤如下：
步骤1：打开html文件
在sublime中打开需要运行的html文件，确保文件已经保存，后缀为.html。
步骤2：配置构建系统
点击顶部菜单栏的工具选项，选择构建系统，再点击新建构建系统，会打开一个JSON格式的配置文件，将原有内容替换为以下配置代码：
{
"cmd": ["cmd", "/c", "start", "$file"],
"selector": "text.html"
}
保存文件，命名为HtmlRun.sublime-build，保存路径使用默认的用户配置目录即可。
步骤3：运行html文件
回到需要运行的html文件编辑界面，按下快捷键Ctrl+B，系统就会自动调用默认浏览器打开当前html文件，查看渲染效果。
方法二：安装插件View In Browser运行html
如果需要更灵活的运行方式，比如指定使用某个浏览器打开，可以安装View In Browser插件，操作步骤如下：
步骤1：安装Package Control
如果sublime还没有安装Package Control，先按下Ctrl+`打开控制台，复制对应版本的Package Control安装代码执行，安装完成后重启sublime。
步骤2：安装View In Browser插件
按下Ctrl+Shift+P打开命令面板，输入install package并回车，等待插件列表加载完成后，输入View In Browser，选中插件点击安装即可。
步骤3：配置插件并运行
安装完成后，点击首选项中的Package Settings，找到View In Browser的Settings-User，可以配置默认打开的浏览器，示例配置如下：
{
"default": "chrome",
"browsers": {
"chrome": "C:\Program Files\Google\Chrome\Application\chrome.exe",
"firefox": "C:\Program Files\Mozilla Firefox\firefox.exe"
}
}
配置完成后，在html文件编辑界面右键，选择View In Browser，再选择对应的浏览器，就能直接打开文件查看效果。
两种方法的对比
以下是两种运行方式的对比，你可以根据自己的需求选择：
| 运行方式 | 优点 | 缺点 |
|---|---|---|
| 自带构建系统 | 无需安装插件，配置简单，快捷键操作快 | 只能调用默认浏览器，无法指定特定浏览器 |
| View In Browser插件 | 可指定浏览器，右键操作更直观 | 需要安装插件，配置步骤稍多 |
注意事项
- 运行html文件前一定要先保存文件，否则构建系统可能无法找到正确的文件路径
- 如果按下Ctrl+B没有反应，检查构建系统是否选中了刚才创建的HtmlRun选项
- 配置浏览器路径时，要填写正确的可执行文件地址，否则会提示找不到文件