欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

在IDEA中Debug調(diào)試VUE項(xiàng)目的詳細(xì)步驟

 更新時(shí)間:2021年10月15日 11:45:06   作者:就是不掉頭發(fā)  
idea竟然有一個神功能很多朋友都不是特別清楚,下面小編給大家?guī)砹嗽贗DEA中Debug調(diào)試VUE項(xiàng)目的詳細(xì)步驟,感興趣的朋友一起看看吧

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

1.下載瀏覽器插件

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

在這里插入圖片描述

安裝成功后如右上角會出現(xiàn)此圖標(biāo)

在這里插入圖片描述

需要注意的是,不要找下載好的插件安裝,一是安裝后不起作用,二是chrome不信任未知來源的插件,重啟后會自動停用插件。如果不能在線安裝的話,還有一個辦法:將下載后的插件后綴名改為rar,解壓縮到文件夾里,使用瀏覽器的插件開發(fā)者模式,將文件夾加載為插件,也可安裝。

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

在這里插入圖片描述
在這里插入圖片描述

2.配置IDEA

idea中配置如下

在這里插入圖片描述
在這里插入圖片描述

這兩步配置好以后,運(yùn)行剛創(chuàng)建的JavaScript Debug 就可以debug啟動,打斷點(diǎn)訪問了

在這里插入圖片描述

到此這篇關(guān)于在IDEA中Debug調(diào)試VUE前端項(xiàng)目的方法的文章就介紹到這了,更多相關(guān)idea調(diào)試vue項(xiàng)目內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

最新評論