vue項目調(diào)試的三種方法總結(jié)
更新時間：2023年09月13日 10:24:11 作者：maya1024
這篇文章主要給大家總結(jié)介紹了關(guān)于vue項目調(diào)試的三種方法,大家可以根據(jù)需要選擇調(diào)試方法,文中通過圖文介紹的非常詳細,需要的朋友可以參考下
一、console.log
這個開始學(xué)就會，不演示了。重要的是需要養(yǎng)成這樣的能力，代碼出了問題，光看是看不出來問題的。
二、debugger方法
vscode安裝插件，debugger for chrome;
在代碼需要打斷點的位置，寫上debugger(如果安裝eslint可能報錯，這時鼠標移到代碼出現(xiàn)小燈泡，點擊選第一項忽略即可);
npm run serve啟動，到了斷點位置瀏覽器會停下來;
在瀏覽器里使用步進開始調(diào)試。
三、vscode里斷點調(diào)試
1. 在需要的位置打斷點(每行行號前面)；
2. 點擊菜單欄–運行–啟動調(diào)試，在彈出的框里選chrome，進入launch配置，配置好url，再次啟動調(diào)試就打開一個調(diào)試窗口；
3. 操作到我們打斷點的位置，就可以看到vscode代碼運行停止到斷點位置，然后我們再進行自己的代碼調(diào)試。
總結(jié)
到此這篇關(guān)于vue項目調(diào)試的三種方法總結(jié)的文章就介紹到這了,更多相關(guān)vue調(diào)試方法內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
本文主要給大家分享了vue項目的創(chuàng)建步驟以及vue路由router的相關(guān)知識點，非常的實用，有需要的小伙伴可以來參考下2020-01-01
super-vuex是一套用于簡化Vuex的數(shù)據(jù)架構(gòu)。這篇文章主要介紹了淺談super-vuex使用體驗，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-06-06
vue.set向?qū)ο罄镌黾佣鄬訑?shù)組屬性不生效問題及解決
這篇文章主要介紹了vue.set向?qū)ο罄镌黾佣鄬訑?shù)組屬性不生效問題及解決，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
這篇文章主要給大家介紹了關(guān)于Vue獲取表單數(shù)據(jù)的多種方式,在Vue中我們通常使用v-model命令綁定表單的屬性值(通常是value),獲取到的屬性值就是表單數(shù)據(jù),需要的朋友可以參考下2023-09-09
這篇文章主要介紹了如何本地運行vue?dist文件，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-05-05
這篇文章主要為大家詳細介紹了vue+video.js實現(xiàn)視頻播放列表，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-10-10
vscode開發(fā)vue非常好用,因為有很多的插件,可以補全語法,或者高亮便于檢查錯誤,但我最近發(fā)現(xiàn)我的vscode卻沒有了代碼提示,這篇文章主要給大家介紹了關(guān)于VSCode中書寫Vue無代碼提示該如何解決的相關(guān)資料,需要的朋友可以參考下2022-12-12
這篇文章主要介紹了vue訪問未定義的路由時重定向404問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
Vue數(shù)據(jù)驅(qū)動模擬實現(xiàn)1
這篇文章主要介紹了Vue數(shù)據(jù)驅(qū)動模擬實現(xiàn)的相關(guān)資料，允許采用簡潔的模板語法聲明式的將數(shù)據(jù)渲染進DOM，且數(shù)據(jù)與DOM綁定在一起，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-01-01
在Vue3中,toRaw方法允許用戶獲取響應(yīng)式對象的原始值,有助于性能優(yōu)化和與外部庫集成,它通過繞過Vue的響應(yīng)式系統(tǒng),僅在必要時觸發(fā)更新,從而提升效率,本文就來具體介紹一下,感興趣的可以了解一下2024-09-09