第一種,使用vue插件
創新互聯堅持“要么做到,要么別承諾”的工作理念,服務領域包括:成都網站制作、成都網站建設、外貿營銷網站建設、企業官網、英文網站、手機端網站、網站推廣等服務,滿足客戶于互聯網時代的臨清網站設計、移動媒體設計的需求,幫助企業找到有效的互聯網解決方案。努力成為您成熟可靠的網絡建設合作伙伴!
1、下載插件:https://www.jb51.net/softs/588080.html
這樣直接run一個vue項目,你就會看見插件標亮了
打開調試模式,你就會看見最后有個vue標記,打開能看見當前vue頁面渲染相關數據
第二種,使用webstrom調試下載插件
下載地址:https://www.jb51.net/softs/171905.html
打開webstrom Debugger, 記住端口號
打開剛才安裝的插件,選項,填入剛才看見的端口號
添加一個debug配置
這樣運行一個vue項目,并且在頁面上右鍵,就開啟了調試模式
隨意在webstrom上斷點調試,完美(此處有金星老師手勢)!!!!!!!!
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持創新互聯。
本文標題:webstromDebug調試vue項目的方法步驟
本文鏈接:http://m.newbst.com/article40/pjdpeo.html
成都網站建設公司_創新互聯,為您提供網站制作、商城網站、定制開發、自適應網站、網站建設、面包屑導航
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯