溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

webstrom Debug 調試vue項目的方法步驟

發布時間:2020-10-04 21:34:10 來源:腳本之家 閱讀:209 作者:碼路芽子 欄目:web開發

第一種,使用vue插件

1、下載插件:https://www.jb51.net/softs/588080.html

webstrom Debug 調試vue項目的方法步驟

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

webstrom Debug 調試vue項目的方法步驟

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

webstrom Debug 調試vue項目的方法步驟

第二種,使用webstrom調試下載插件

下載地址:https://www.jb51.net/softs/171905.html

webstrom Debug 調試vue項目的方法步驟

打開webstrom Debugger, 記住端口號

webstrom Debug 調試vue項目的方法步驟

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

webstrom Debug 調試vue項目的方法步驟

webstrom Debug 調試vue項目的方法步驟

添加一個debug配置

webstrom Debug 調試vue項目的方法步驟

webstrom Debug 調試vue項目的方法步驟

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

webstrom Debug 調試vue項目的方法步驟

隨意在webstrom上斷點調試,完美(此處有金星老師手勢)?。。。。。。?!

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持億速云。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女