做代码审查时,最烦人的就是对着GitHub的评论一条条手动复制文件路径,再切到VSCode里定位。重复操作多了,手酸不说,思路还总被打断。Quick Open in VSCode 这个Chrome扩展就是专治这种痛点的——你只需要选中文件路径或者右键点击链接,一键就能在原编辑器里打开对应文件。

它解决了什么痛点?

很多开发者都遇到过:PR的评论里提到了 app/models/user.rb,你得手动记住路径,然后切到VSCode按 Cmd+P 搜索。要是路径长一点或者带目录层级,光是打字就够折腾。而这款插件直接把“复制路径→切窗口→粘贴→回车”的流程压缩成“右键→Open in VSCode”两步。

对比同类工具如 Open in VSCode(另一个同名插件)或 VSCode URL Handler,Quick Open in VSCode的优势在于对文件路径高亮选中的支持更灵活——即便链接没做超链接处理,只要选中文字,右键菜单里就会出现选项。另外它内置了BuildKite CI的批量打开功能,Ruby测试失败时可直接从artifacts的test_data.json里一键打开所有失败用例。

核心功能一览

  • 右键GitHub文件链接:直接在VSCode中打开该文件。
  • 高亮任意路径文本:选中文件路径(无论是否超链接),右键打开。
  • 批量打开BuildKite测试失败:通过右键artifacts下的test_data.json,一次性打开所有Ruby失败测试。

如何设置?

安装插件后,右击Chrome工具栏的图标进入“Options”页面。在“Base path”里填入你本地所有仓库的根目录,比如 /Users/你的用户名/src/github.com/Shopify。保存后,就可以在GitHub、BuildKite甚至任意网页里愉快使用了。

唯一需要留意的:路径必须和本地仓库结构一致,否则插件无法匹配。不过只要你的仓库都是放在同一个基目录下,设置一次就永不烦恼。

如果你经常参与代码审查、或者要在不同项目间频繁跳转文件,这款扩展能帮你省下大量“复制粘贴”的无意义操作,让注意力真正留在代码逻辑上。