IntelliJ IDEA 配置chrome插件調試js代碼


調試js代碼,每次都在要在代碼中寫debugger,或者在chrome中打斷點,而且chrome的斷點信息不人性化。偶然發現idea竟然有這個功能,簡直神器啊。研究了半天終於搞定了,哈哈,開心。下面是詳細步驟:

1.在chrome應用商店搜索"jetbrains ide support"插件,可能需要翻牆(不會百度,老D google host),如下圖,這里是我安裝好的。這里我試過找下載好的插件,安裝但是沒有連接成功,總是提示錯誤,下文會提到。所以別偷懶,老老實實翻牆下載。

安裝成功后如右上角會出現此圖標

2.idea中配置如下,和配置tomcat類似

 

這兩步配置好以后,就可以debug啟動,打斷點訪問了。

 

注意:當然如果真的是這么順利,也就沒必要在這里寫博客了。

 需要注意的是,不要找下載好的插件安裝,一是安裝后不起作用,二是chrome不信任未知來源的插件,重啟后會自動停用插件,所以還是翻牆在線安裝靠譜,

 離線安裝一直提示這個信息,怎么配置都不成功。哭臉。

 

還有在插件圖標上右鍵,選項,如下圖,可以配置端口,這里要和idea里的一致才行;

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM