应用截图
详细介绍
扩展开发者工具,点击资源即可在 IDE 中打开。
覆盖 Chrome 开发者控制台的链接处理行为,在 IDE 中打开文件链接,而不是在源代码面板中打开。此功能结合使用 IntelliJ Platform REST API http://develar.org/idea-rest-api/#api-Platform-file 和 Chrome 开发者工具的链接处理功能。
要求:
- 必须手动将“Link handling”设置为“Map to IntelliJ IDE”。为此,请打开开发者工具 > 设置(点击右上角的三个点或按 F1)> preferences > Extensions > Link handling。
- 必须在 webpack 配置的 output 部分添加类似以下内容:
devtoolModuleFilenameTemplate: (info) => 'file://' + path.resolve(info.absoluteResourcePath)
更多信息:https://webpack.js.org/configuration/output/#outputdevtoolmodulefilenametemplate
开发者注意:此功能可用于任何支持自定义源映射的构建工具,不限于 webpack。
作者的话:感谢大家使用这个我最初只打算自己和同事使用的小工具。很高兴你们觉得它有用!
更新日志:
0.5 - 不在 IDE 中打开 node_modules
0.7 映射到 client 文件夹
0.8 使用绝对文件路径