webstrom Debug 調試vue項目的方法步驟
來源:懂視網
責編:小采
時間:2020-11-27 22:11:23
webstrom Debug 調試vue項目的方法步驟
webstrom Debug 調試vue項目的方法步驟:第一種,使用vue插件 1、下載插件:https://www.gxlcms.com/softs/588080.html 這樣直接run一個vue項目,你就會看見插件標亮了 打開調試模式,你就會看見最后有個vue標記,打開能看見當前vue頁面渲染相關數據 第二種,使用webstrom調試下載插件
導讀webstrom Debug 調試vue項目的方法步驟:第一種,使用vue插件 1、下載插件:https://www.gxlcms.com/softs/588080.html 這樣直接run一個vue項目,你就會看見插件標亮了 打開調試模式,你就會看見最后有個vue標記,打開能看見當前vue頁面渲染相關數據 第二種,使用webstrom調試下載插件
第一種,使用vue插件
1、下載插件:https://www.gxlcms.com/softs/588080.html

這樣直接run一個vue項目,你就會看見插件標亮了

打開調試模式,你就會看見最后有個vue標記,打開能看見當前vue頁面渲染相關數據

第二種,使用webstrom調試下載插件
下載地址:https://www.gxlcms.com/softs/171905.html

打開webstrom Debugger, 記住端口號

打開剛才安裝的插件,選項,填入剛才看見的端口號


添加一個debug配置


這樣運行一個vue項目,并且在頁面上右鍵,就開啟了調試模式

隨意在webstrom上斷點調試,完美(此處有金星老師手勢)!?。。。。。。?/p>
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
webstrom Debug 調試vue項目的方法步驟
webstrom Debug 調試vue項目的方法步驟:第一種,使用vue插件 1、下載插件:https://www.gxlcms.com/softs/588080.html 這樣直接run一個vue項目,你就會看見插件標亮了 打開調試模式,你就會看見最后有個vue標記,打開能看見當前vue頁面渲染相關數據 第二種,使用webstrom調試下載插件