sublime怎么在浏览器中预览_Sublime Text设置默认浏览器预览快捷键_网络技术

sublime怎么在浏览器中预览_Sublime Text设置默认浏览器预览快捷键

发布时间 - 2025-10-06 00:00:00 点击率：次

推荐安装View in Browser插件实现HTML预览，通过Package Control搜索安装后可右键选择在浏览器打开；2. 可设置Ctrl+Alt+B为快捷键，在用户键位绑定中添加对应命令；3. 插件默认使用系统默认浏览器，可通过插件设置修改为chrome、firefox等；4. 替代方案是手动创建build system，配置cmd调用指定浏览器如Chrome，保存后通过Build运行。整体推荐插件方式，简单高效。

在使用 Sublime Text 编写 HTML 文件时，直接在浏览器中预览页面是非常常见的需求。Sublime 本身不带内置浏览器，但可以通过配置快捷键快速用默认（或指定）浏览器打开当前文件进行预览。

1. 安装 View in Browser 插件（推荐方式）

最简单的方法是通过 Package Control 安装插件来实现一键预览。

步骤如下：

按下 Ctrl+Shift+P（Mac 上是 Cmd+Shift+P）打开命令面板
输入 Install Package 并选择回车
搜索并安装 View In Browser

安装完成后，你可以右键点击 HTML 文件，选择 “View in Browser” 来用默认浏览器打开预览。

2. 设置自定义快捷键

为了更高效，可以为“在浏览器中预览”设置一个快捷键。

操作步骤：

打开菜单栏：Preferences → Key Bindings
在右侧用户键位绑定（User）的 JSON 中添加如下内容：

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

保存后，按下 Ctrl+Alt+B 就能快速在默认浏览器中打开当前 HTML 文件。

3. 修改默认浏览器（可选）

View in Browser 插件默认使用系统默认浏览器。如果你想更改，可以修改插件设置：

打开 Preferences → Package Settings → View In Browser → Settings
在用户设置中添加：

{
    "browser": "chrome"
}

支持的浏览器包括：chrome, firefox, edge, safari 等，根据你的系统和安装情况填写。

4. 手动创建 build system（替代方案）

如果不使用插件，也可以通过构建系统实现。

Tools → Build System → New Build System
输入以下内容（以 Chrome 为例）：

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

保存为 HTML Preview.sublime-build，之后选择该构建系统，按 Ctrl+B 即可在浏览器打开。

基本上就这些。推荐使用 View in Browser 插件，简单稳定，配合快捷键效率更高。

# html # sublime # js # json # 浏览器 # edge # safari # mac # firefox # chrome # sublime text # 可以通过 # 器中 # 按下 # 绑定 # 你可以 # 就能 # 推荐使用 # 右键 # 你想 # 可在

相关栏目：【网站优化151355 】【网络推广146373 】【网络技术251813 】【 AI营销90571 】

上一篇：小红书笔记怎么上热门_小红书爆文打造底层逻辑【拆解】

下一篇：iptables -t nat PREROUTING 规则不

相关栏目网站优化
网络推广
网络技术
AI营销

最新文章 Sublime怎么一键压缩JS代码 Su sublime如何在搜索中使用正则表达式 Sublime如何设置透明窗口效果 Su mysql如何设计商品表结构_mysql css属性背景图不显示怎么办_通过检查路如何使用Golang实现排序_Golan 农历闰月是怎么回事_为合回归年加一月调整塑造《刺客信条》艾吉奥传奇的编剧离开育碧 1英里等于多少公里 1mile和km的换 css grid布局中行和列是如何定义的 PS批量旋转和翻转图片，快速校正图片方向 C# Swagger UI自定义方法 C OPPO手机九宫格和全键盘怎么切换_OP Go语言如何实现用户登录注册_Golan 1节飞行速度多少公里每小时 1节是多少公纸嫁衣8千子树第五章庙门怎么开启庙门 Laravel 多行数据编辑表单中实现逐明日之后如何提升钓鱼等级明日之后提升钓支付宝怎样查年度账单_支付宝年度账单查看 C# 多线程UI更新Dispatcher

上一篇：小红书笔记怎么上热门_小红书爆文打造底层逻辑【拆解】

下一篇：iptables -t nat PREROUTING 规则不