在IDEA中Debug調(diào)試VUE項目的詳細步驟
更新時間：2021年10月15日 11:45:06 作者：就是不掉頭發(fā)
idea竟然有一個神功能很多朋友都不是特別清楚，下面小編給大家?guī)砹嗽贗DEA中Debug調(diào)試VUE項目的詳細步驟，感興趣的朋友一起看看吧
調(diào)試js代碼，每次都在要在代碼中寫debugger，或者在chrome中打斷點，而且chrome的斷點信息不人性化。偶然發(fā)現(xiàn)idea竟然有這個功能，簡直神器啊。研究了半天終于搞定了，哈哈，開心。下面是詳細步驟：
1.下載瀏覽器插件
在chrome應用商店搜索"jetbrains ide support"插件，可能需要FQ（不會百度，老D google host），如下圖，這里是我安裝好的。這里我試過找下載好的插件，安裝但是沒有連接成功，總是提示錯誤，下文會提到。所以別偷懶，老老實實下載。
安裝成功后如右上角會出現(xiàn)此圖標
需要注意的是，不要找下載好的插件安裝，一是安裝后不起作用，二是chrome不信任未知來源的插件，重啟后會自動停用插件。如果不能在線安裝的話，還有一個辦法：將下載后的插件后綴名改為rar，解壓縮到文件夾里，使用瀏覽器的插件開發(fā)者模式，將文件夾加載為插件，也可安裝。
還有在插件圖標上右鍵，選項，如下圖，可以配置端口，這里要和idea里的一致才行；
2.配置IDEA
idea中配置如下
這兩步配置好以后，運行剛創(chuàng)建的JavaScript Debug 就可以debug啟動，打斷點訪問了
到此這篇關于在IDEA中Debug調(diào)試VUE前端項目的方法的文章就介紹到這了,更多相關idea調(diào)試vue項目內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
您可能感興趣的文章:
- 阿里云k8s集群使用ingress配置時間超時的參數(shù)
- idea快捷鍵生成getter和setter,有構(gòu)造參數(shù),無構(gòu)造參數(shù),重寫toString方式
- Idea設置spring boot應用配置參數(shù)的兩種方式
- idea為java程序添加啟動參數(shù)的問題解析(program?arguments，vm?arguments，Environment?variable)并在程序中獲取使用
- IntelliJ?IDEA設置JVM運行參數(shù)的圖文介紹
- IDEA中Debug調(diào)試VUE前端項目調(diào)試JS只需兩步
- idea 無法debug調(diào)試的解決方案
- Intellij IDEA Debug調(diào)試技巧(小結(jié))
- 你不知道的 IDEA Debug調(diào)試小技巧(小結(jié))
- k8s部署的java服務添加idea調(diào)試參數(shù)的方法
相關文章
下面小編就為大家分享一篇echarts鼠標覆蓋高亮顯示節(jié)點及關系名稱詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
這篇文章主要介紹了vue3動態(tài)修改打包后的請求路徑,需要我們創(chuàng)建一個靜態(tài)資源里的外部文件來實現(xiàn)，本文通過實例代碼給大家介紹的非常詳細，需要的朋友可以參考下2022-09-09
這篇文章主要介紹了Vue.js 2.0 移動端拍照壓縮圖片上傳預覽功能,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-03-03
這篇文章主要介紹了Sublime Text新建.vue模板并高亮(圖文教程)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-10-10
Google 給 Chrome 瀏覽器加了一個有趣的彩蛋，本文就詳細的介紹一下Vue實現(xiàn)Chrome小恐龍游戲的示例代碼，具有一定的參考價值，感興趣的可以了解一下2022-04-04
這篇文章主要介紹了Vue使用鼠標在Canvas上繪制矩形，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-12-12
這篇文章主要介紹了Vue中對數(shù)組和對象進行遍歷和修改方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
Vant Uploader實現(xiàn)上傳一張或多張圖片組件
這篇文章主要為大家詳細介紹了Vant Uploader實現(xiàn)上傳一張或多張圖片組件，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
這篇文章主要介紹了vue?scoped與深度選擇器deep的原理分析，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
這篇文章主要介紹了vue-router懶加載速度緩慢問題及解決方法，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2018-11-11