Extends the Developer Tools, clicking a resource will open it in your IDE.
Override the chrome dev console linking behavior in order to open links to files in your IDE instead of the sources panel. This uses the IntelliJ Platform REST API http://develar.org/idea-rest-api/#api-Platform-file in conjunction with Chrome Developer Tools link handling.
Requirements:
- You must manually set "Link handling" to "Map to IntelliJ IDE". To do this, open Developer Tools > settings (press 3 dots in top right or press F1) > preferences > Extensions > Link handling
- You must add something like the following to the output portion of your webpack config:
devtoolModuleFilenameTemplate: (info) => 'file://' + path.resolve(info.absoluteResourcePath)
More info: https://webpack.js.org/configuration/output/#outputdevtoolmodulefilenametemplate
Note to devs: This can work with any build-tool that supports customized source mapping, not just webpack.
Authors note: Thanks all for using this little tool I originally only intended for me and my coworkers. Happy you found it useful!
Changelog:
0.5 - don't open node_modules in IDE
0.7 map to client folder
0.8 use absolute file paths
Latest reviews
- (2019-08-28) Henning Kvinnesland: Been using it all day. Didn't know how much I missed it before I had it working :) Highly recommended! Gave a surprisingly high productivity boost.
Statistics
Installs
510
history
Category
Rating
5.0 (1 votes)
Last update / version
2019-08-28 / 0.8
Listing languages
en