推荐使用View in Browser插件实现Sublime Text中一键预览HTML文件，安装后默认F12即可在默认浏览器打开；可通过Package Settings自定义浏览器如chrome、firefox等，并通过Key Bindings设置快捷键如Ctrl+Alt+B；也可手动创建Build System，配置cmd命令调用指定浏览器打开HTML文件，适用于无插件环境。

Sublime Text 本身不自带“在浏览器中预览 HTML”的功能，但可以通过安装插件或手动配置快捷键来实现一键在浏览器中打开 HTML 文件。以下是具体配置方法。

安装 View in Browser 插件（推荐）

最简单的方式是使用社区开发的 View in Browser 插件，支持快速在默认浏览器中预览 HTML 文件。

步骤如下：

• 确保已安装 Package Control（Sublime 的插件管理工具）
• 按下 Ctrl+Shift+P（Mac 上是 Cmd+Shift+P）打开命令面板
• 输入 Install Package 并选择回车
• 搜索 View In Browser，点击安装

安装完成后，默认快捷键为 F12，按下即可在系统默认浏览器中打开当前 HTML 文件。

自定义浏览器或快捷键

如果想更改默认浏览器或设置自己的快捷键，可以进行以下配置。

设置默认浏览器：

• 打开菜单栏：Preferences → Package Settings → View In Browser → Settings – User
• 添加如下内容，修改 browser 为你想要的浏览器（如 chrome、firefox、safari 等）

{
  "browser": "chrome"
}

支持的常见浏览器名称：

• chrome（Google Chrome）
• firefox（Mozilla Firefox）
• safari（仅 macOS）
• edge（Microsoft Edge）

自定义快捷键：

• 打开菜单：Preferences → Key Bindings
• 在右侧用户键位设置中添加一行：

{ "keys": ["ctrl+alt+b"], "command": "view_in_browser" }

保存后，按下你设定的快捷键（例如 Ctrl+Alt+B）即可预览。

Machine Translation

聚合多个来源的AI翻译

49 查看详情

手动创建 Build System（备用方案）

如果不使用插件，也可以通过 Sublime 的构建系统实现类似功能。

• 选择菜单：Tools → Build System → New Build System…
• 将内容替换为以下代码（适用于 Windows 打开 Chrome）：

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

macOS 用户可使用：

{
  "cmd": ["open", "-a", "Google Chrome", "$file"]
}

保存为 BrowserPreview.sublime-build，之后在 HTML 文件中选择该构建系统并按 Ctrl+B 即可打开。

基本上就这些。推荐使用 View in Browser 插件，配置简单，兼容性好，一键 F12 预览，提升开发效率。

以上就是sublime如何一键在浏览器中预览HTML_sublime View in Browser功能配置的详细内容，更多请关注其它相关文章！

# 推荐使用  # 石家庄网站优化体验  # 鹤壁网站建设与推广  # 浉河区网站推广营销费用  # 跨境电商网络营销推广方法方式有  # 池州seo公司优选16火星  # 枣庄互联网营销推广  # 短视频营销推广找哪家  # seo工作室引流  # 灞桥区营销策划推广中心  # 临清网站建设培训  # 精选集  # 官网  # 可在  # 可以通过  # 适用于  # html  # 按下  # 自定义  # 器中  # 一键  # html文件  # macos  # mac  # safari  # 工具  # edge  # 浏览器  # windows  # go  # sublime 

相关栏目： 【 科技资讯46185 】 【 网络学院92790 】

相关推荐： Sublime Text怎么显示空格和制表符_Sublime显示不可见字符设置  照顾宝贝2小游戏点击立即在线玩  Python多线程中正确使用sigwait处理SIGALRM信号  夸克浏览器图书入口 夸克手机浏览器阅读入口  天眼查企业查询官网入口 天眼查官方网页版查询  解决 Vaadin 8 中大文件音频播放与定位时出现的 IOException  极兔快递快件信息查询系统 极兔快递官网运单号追踪  Yandex浏览器官方网页版入口 Yandex浏览器最新版官网  Composer如何解决json扩展缺失的错误  文心一言怎样用插件调度API数据_文心一言用插件调度API数据【API调用】  Highcharts 雷达图径向轴标签定制指南：利用多Y轴实现数值标注  天眼查怎么看公司融资情况 天眼查企业融资历史查询步骤【攻略】  CSS实现侧边栏导航项全宽圆角悬停背景效果  狙击外星人小游戏开始_狙击外星人小游戏立即开始  AI抖音网页版免费视频入口 AI抖音网页端最新视频实时观看  Android Studio计算器C键功能异常排查与修复教程  “音游” × “怪文书” 题材的节奏冒险游戏 《晕晕电波症候群》确定于2026年4月发售！  品牌机怎么重装系统 联想/戴尔/惠普笔记本恢复出厂系统教程  手机屏幕碎了但能正常使用怎么办 手机外屏碎裂的修复建议  百度网盘网页版入口 百度网盘网页版官方登录网址  LINUX下如何进行磁盘分区_fdisk与parted工具在LINUX中的使用对比  如何在CSS中使用浮动制作导航栏_float实现水平菜单  处理嵌套交互式控件：前端可访问性指南  QQ官网正版登录链接 QQ在线登录入口最新  如何使用Go和Martini动态服务解码后的图片  怎样使用“本地安全策略”提升Windows安全性_Secpol.msc配置指南【高手】  vivo浏览器自带的下载器速度慢怎么办 vivo浏览器提升文件下载速度的技巧  拼多多视频播放卡顿如何处理 拼多多视频播放优化技巧  Lar*el 8 多关键词数据库搜索优化实践  高德地图总提示网络异常怎么办 高德地图离线导航设置与网络排查方法  Golang如何实现容器化日志收集与分析_Golang容器日志收集分析方法  mc.js免安装版 mc.js一键畅玩入口  一加手机电池耗电快怎么办_一加手机电池耗电快的解决方法  PySpark中从现有列右侧提取可变长度字符创建新列的教程  晋江读书网页版在线登录 晋江读书电脑版官网  Python实现多节点属性重叠度分析教程  XML中包含HTML标签导致解析错误？ 正确嵌入非XML数据的两种方法  PPT平滑切换怎么做 PPT炫酷“平滑”切换动画制作教程【必学】  React Router 嵌套组件中 URL 重定向问题的解决方案  在J*a中如何在J*a中使用异常机制记录错误日志_异常日志实践经验  汽水音乐车机版横屏版7.1 汽水音乐车机版横屏版下载入口  163邮箱登录密码 163邮箱忘记密码找回  支付宝碰一碰设备是REDMI手机吗 博主拆机辟谣：处理器、内存都不一样  Golang如何使用new_Go new分配内存机制讲解  微信商城在哪里打开【步骤】  荒野行动PC版怎么注册_荒野行动PC版账号注册详细流程图文教程  LocoySpider如何部署到云服务器_LocoySpider云部署的远程配置  KFC早餐时段怎么领特惠代码_KFC早餐订餐优惠代码获取与使用说明  ArrayList与LinkedList核心操作的Big-O复杂度分析  如何在Python中使用Optional类型处理可变对象并避免Pylint警告