简介:
扩展开发人员工具,单击资源将在您的 IDE 中打开它。
覆盖 chrome 开发控制台链接行为,以便在 IDE 而不是源面板中打开指向文件的链接。这将 IntelliJ 平台 REST API http://develar.org/idea-rest-api/#api-Platform-file 与 Chrome 开发者工具链接处理结合使用。
要求:
-
您必须手动将"链接处理"设置为"映射到 IntelliJ IDE"。为此,请打开开发人员工具 > 设置(右上角的 pss 3 点或 pss F1)> 首选项 > 扩展 > 链接处理
-
您必须在 webpack 配置的输出部分添加如下内容:
devtoolModuleFilenameTemplate: (info) => 'file://' + path.resolve(info.absoluteResourcePath)
更多信息:https://webpack.js.org/configuration/output/#outputdevtoolmodulefilenametemplate
开发人员注意:这可以与任何支持自定义源映射的构建工具一起使用,而不仅仅是 webpack。
作者注:感谢大家使用这个我最初只为我和我的同事准备的小工具。很高兴你发现它有用!
变更日志:
0.5 - 不要在 IDE 中打开 node_modules
0.7 映射到客户端文件夹
0.8 使用绝对文件路径
插件下载: