Map to IntelliJ IDE
大小:3.79KiB版本:v 0.8更新时间:2021-12-21
Extends the Developer Tools, clicking a resource will open it in your IDE.
Map to IntelliJ IDE 的使用方法详解,最全面的教程
Map to IntelliJ IDE 描述:
用户数:492
分类:开发者工具插件
扩展大小:3.79 KiB
最后更新时间:2021-12-21
版本:v 0.8
Map to IntelliJ IDE 插件简介:
这是来自Chrome商店的 Map to IntelliJ IDE 浏览器插件,您可以在当前页面下载它的最新版本安装文件,并安装在Chrome、Edge等浏览器上。
Map to IntelliJ IDE插件下载方法/流程:
点击下载按钮,关注“扩展迷Extfans”公众号并获取验证码,在网页弹窗中输入验证码,即可下载最新安装文件。
Map to IntelliJ IDE插件安装教程/方法:
(1)将扩展迷上下载的安装包文件(.zip)解压为文件夹,其中类型为“crx”的文件就是接下来需要用到的安装文件
(2) 从设置->更多工具->扩展程序 打开扩展程序页面,或者地址栏输入 Chrome://extensions/ 按下回车打开扩展程序页面
(3) 打开扩展程序页面的“开发者模式”
(4) 将crx文件拖拽到扩展程序页面,
完成安装如有其它安装问题,
请扫描网站底部二维码与客服联系如有疑问请参考:
https://www.extfans.com/installation/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