Mac用CodeRunner一键运行HTML并弹出浏览器预览

首先安装并配置CodeRunner，创建自定义HTML Preview语言类型，设置运行命令为open $filename且不启用终端运行，接着开启自动保存功能确保代码实时生效，最后通过系统快捷键设置将Run命令绑定到Cmd+R实现一键预览。

如果您在Mac上编写HTML代码，希望借助轻量级工具实现一键运行并直接在浏览器中预览效果，CodeRunner是一个高效的选择。通过配置自定义运行命令，可以快速启动默认浏览器加载HTML文件。

本文运行环境：MacBook Pro，macOS Sonoma

一、安装并配置CodeRunner

CodeRunner是一款支持多种编程语言的轻量级代码编辑器，可通过自定义语言类型来执行HTML文件。确保已从Mac App Store或官方渠道安装最新版本。

1、打开CodeRunner，进入菜单栏的 CodeRunner → Preferences → Languages。

立即学习“前端免费学习笔记（深入）”；

2、在语言列表中找到 HTML，选中后点击右下角的复制按钮创建自定义语言副本。

3、将副本重命名为“HTML Preview”或其他易于识别的名称，以便区分默认HTML运行方式。

二、设置自定义运行命令

通过修改运行命令，使CodeRunner保存文件后调用系统默认浏览器打开本地路径，实现即时预览。

1、在自定义的“HTML Preview”语言设置中，找到 Run Command 输入框。

2、输入以下命令：

open $filename

绘ai

ai绘图提示词免费分享

153

查看详情

3、确保 Run in Terminal 选项未被勾选，避免弹出终端窗口干扰预览体验。

三、启用自动保存功能

为保证每次运行都是最新代码，建议开启自动保存，防止因未保存导致浏览器加载旧内容。

1、进入 CodeRunner → Preferences → General。

2、将 Autosave documents that have open windows 设置为勾选状态。

3、可选择 Save all documents when running，确保所有更改即时生效。

四、绑定快捷键实现一键运行

通过设置键盘快捷键，进一步提升操作效率，实现真正意义上的一键预览。

1、进入系统设置中的 键盘 → 快捷键 → 应用快捷键。

2、点击“+”号添加新快捷键，选择应用程序为 CodeRunner。

3、菜单标题填写 Run（需与CodeRunner菜单栏中的“Run”完全一致），然后设置快捷键如 Cmd + R。

以上就是Mac用CodeRunner一键运行HTML并弹出浏览器预览的详细内容，更多请关注php中文网其它相关文章！