Map to IntelliJ IDE Chrome Extension

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

How to install Map to IntelliJ IDE chrome extension in chrome Browser

You can Follow the below Step By Step procedure to install the Map to IntelliJ IDE Chrome Extension to your Chrome Web browser.

• Step 1: Go to the Chrome webstore https://chrome.google.com/webstore or download the extension Map to IntelliJ IDE Chrome Extension Download from https://pluginsaddonsextensions.com
• Step 2: Now search for the Map to IntelliJ IDE in Chrome Webstore Search and click on the search button.
• Step 3: click on the Map to IntelliJ IDE Chrome Extension Link
• Step 4: in the next page click on the Add to Chrome button to Download and Install the Map to IntelliJ IDE extension for your Chrome Web browser .