Map to IntelliJ IDE

#5 / 1 rate

Map to IntelliJ IDE

509 users

2019-08-28

jniemiec

Extension Information

5 star
100%
4 star
0%
3 star
0%
2 star
0%
1 star
0%

Supported Languages

Permissions

Description

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