sublime text可通过整合lighthouse cli实现页面性能测试闭环。具体步骤为：①安装node.js并全局安装lighthouse；②编写python插件调用lighthouse命令，支持输入url、指定报告路径并自动打开；③配置快捷键提升效率，但依赖chrome及正确path环境。
Sublime Text 本身不带页面性能分析能力，但通过整合 lighthouse CLI 可实现「输入 URL → 一键跑分 → 自动打开报告」的闭环，省去浏览器切换和手动操作。前提是本地已安装 Node.js 和 lighthouse，且你愿意写一个极简的 Python 插件来桥接。
确认 lighthouse CLI 已就绪
这是最关键的前置条件。Sublime 不会帮你装环境，一旦命令行里跑不通 lighthouse，后续所有自动化都会失败。
- 终端执行
lighthouse --version，必须返回版本号（如11.4.0），否则需先运行npm install -g lighthouse - 确保 Chrome 浏览器已安装（
lighthouse默认依赖系统 Chrome），macOS 上路径一般是/Applications/Google Chrome.app/Contents/MacOS/Google Chrome；Windows/Linux 下通常自动探测，若报Chrome not found，需用--chromeFlags="--remote-debugging-port=9222"或显式指定--chromePath - 首次运行可能提示权限问题（尤其 macOS），可加
--no-sandbox临时绕过，但勿用于生产环境
写一个能调用 lighthouse 的 Sublime 插件
不需要复杂逻辑，一个继承 sublime_plugin.WindowCommand 的 Python 文件即可。它只做三件事：弹出输入框、拼命令、执行并打开报告。
- 插件保存路径为
Packages/User/LighthouseRunner.py（Packages可通过 Sublime 的Preferences → Browse Packages…找到） - 核心代码片段（注意替换
report_dir为你希望存放报告的绝对路径）：
import sublime
import sublime_plugin
import subprocess
import os
import webbrowser
<p>class LighthouseRunnerCommand(sublime_plugin.WindowCommand):
def run(self):
self.window.show_input_panel(
'Enter URL to audit:',
'<a href="https://www.php.cn/link/b05edd78c294dcf6d960190bf5bde635">https://www.php.cn/link/b05edd78c294dcf6d960190bf5bde635</a>',
self.on_done,
None,
None
)</p><pre class="brush:php;toolbar:false;">def on_done(self, url):
report_dir = "/Users/you/lighthouse-reports" # ← 改成你的路径
os.makedirs(report_dir, exist_ok=True)
cmd = [
"lighthouse",
url,
"--output", "html",
"--output", "json",
"--output-path", f"{report_dir}/report",
"--quiet",
"--chromeFlags=--headless"
]
try:
subprocess.run(cmd, check=True)
webbrowser.open(f"file://{report_dir}/report.html")
except subprocess.CalledProcessError as e:
sublime.error_message(f"Lighthouse failed: {e}")
- 保存后重启 Sublime，按
Ctrl+Shift+P输入LighthouseRunner并回车，即可触发流程
绑定快捷键让操作真正「一键」
插件写完只是第一步，没快捷键等于白搭。直接改用户键绑配置即可，无需重启。
- 打开
Preferences → Key Bindings，在右侧用户配置中加入：
[
{
"keys": ["ctrl+alt+l"],
"command": "lighthouse_runner"
}
]
- 注意命令名是类名转下划线小写：
LighthouseRunnerCommand→lighthouse_runner - 如果快捷键冲突（比如被其他插件占了），换一组组合键，如
ctrl+alt+shift+l - 执行后若报告没打开，检查控制台（
View → Show Console）是否有FileNotFoundError: lighthouse—— 这说明 PATH 没配对，需把npm bin -g输出的路径加进系统 PATH，或改用绝对路径调用/Users/you/.npm-global/bin/lighthouse
别忽略生成报告的副作用
每次运行都会覆盖同名 HTML 报告，旧结果会丢。这不是 bug，是 CLI 默认行为。如果你需要保留历史记录，得在插件里动态生成时间戳文件名，比如：
from datetime import datetime
timestamp = datetime.now().strftime("%Y%m%d_%H%M%S")
"--output-path", f"{report_dir}/report_{timestamp}"
另外，lighthouse 默认测的是移动设备模拟（mobile preset），若想切桌面模式，加参数 --preset=desktop。这些细节不写进插件，就只能靠手动改代码——而多数人根本不会翻回去看。
