首先安装并配置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
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。
