Skip to content

编辑器跳转

通过点击日志输出中的链接,可以自动打开代码编辑器并跳转到console源代码所在行:

launch-editor

配置项

js
// 禁用编辑器跳转功能
TurboConsole({
  launchEditor: false,
})

// 指定打开的编辑器
TurboConsole({
  launchEditor: {
    specifiedEditor: 'webstorm',
  },
})

深入:它是如何工作的

一个可点击的链接通常长这样:

🔦 http://127.1:3070#3abe,6,3

127.1127.0.0.1 的缩写

它由以下几部分组成:

  • #3abe,6,3: 一个包含在URL中的hash属性,其中3abe是一个随机生成字符串,对应项目中的一个具体文件,63分别代表console源代码所在的行号和列号。

  • http://127.1:3070: 一个静态页面,它的作用是将 hash 属性发送给 Node.js 服务,Node.js 服务获取到具体的文件路径和行列号,再通过launch-editor打开编辑器。

用 ❤️ 发电