webstrom Debug 調(diào)試vue項(xiàng)目的方法步驟

第一種，使用vue插件

1、下載插件：https://www.gxlcms.com/softs/588080.html

這樣直接run一個(gè)vue項(xiàng)目，你就會(huì)看見(jiàn)插件標(biāo)亮了

打開(kāi)調(diào)試模式，你就會(huì)看見(jiàn)最后有個(gè)vue標(biāo)記，打開(kāi)能看見(jiàn)當(dāng)前vue頁(yè)面渲染相關(guān)數(shù)據(jù)

第二種，使用webstrom調(diào)試下載插件

下載地址：https://www.gxlcms.com/softs/171905.html

打開(kāi)webstrom Debugger, 記住端口號(hào)

打開(kāi)剛才安裝的插件，選項(xiàng)，填入剛才看見(jiàn)的端口號(hào)

添加一個(gè)debug配置

這樣運(yùn)行一個(gè)vue項(xiàng)目，并且在頁(yè)面上右鍵，就開(kāi)啟了調(diào)試模式

隨意在webstrom上斷點(diǎn)調(diào)試，完美（此處有金星老師手勢(shì)）！！！！！！！！

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com