angular知识系列：IntelliJIDEA对chrome进行调试

前言：

        国内angular没多少相关文章，看了调试方法，大部分都是老旧的，我怒写一篇帮助大家了解如何通过IntelliJIDEA对chrome进行调试

解决方法：

        需要安装IntelliJIDEA的Ultimate版，Community版不支持

        如下图选择Angular Application，再点击Edit Configurations...

                

        如下图配置，红框内为注意点

                

        在terminal启动项目（在别的地方启动也可以的，不一定要idea内启动）

                

         启动完毕后如下图点击debug按钮

                

         会自动打开之前“Angular Application”配置的地址http://localhost:4200/

                

                如上图命中断点则代表调试成功。

                ps：我用的IntelliJIDEA 20201.1.3，命中断点后如图Resume Program按钮有时候是灰色不能点的，这时可以直接按F9快捷键恢复程序

        点击停止按钮，停止debug

         ​​​​​​​        

         PS：需要注意，如果停止调试后想再次进行调试，需要关闭Chrome里已打开的相关网页http://localhost:4200/（chrome判断即将打开的页面已经存在了，则不会打开新的页面），否则IDEA无法进入调试。