vue項目調(diào)試的三種方法總結
更新時間：2023年09月13日 10:24:11 作者：maya1024
這篇文章主要給大家總結介紹了關于vue項目調(diào)試的三種方法,大家可以根據(jù)需要選擇調(diào)試方法,文中通過圖文介紹的非常詳細,需要的朋友可以參考下
一、console.log
這個開始學就會，不演示了。重要的是需要養(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)試。
總結
到此這篇關于vue項目調(diào)試的三種方法總結的文章就介紹到這了,更多相關vue調(diào)試方法內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
MVVM是Model-View-ViewModel的縮寫，MVVM是一種設計思想，這篇文章主要介紹了Vue生命周期和MVVM框架,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-11-11
這篇文章主要介紹了vue調(diào)用原生方法交互，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09
用vue實現(xiàn)注冊頁效果?vue實現(xiàn)短信驗證碼登錄
這篇文章主要為大家詳細介紹了用vue實現(xiàn)注冊頁，短信驗證碼登錄，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-11-11
使用?vite?external?減小產(chǎn)物體積的方法實現(xiàn)
本文主要介紹了使用?vite?external?減小產(chǎn)物體積,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2026-05-05
在使用?Vue.js?開發(fā)單頁應用?(SPA)?的過程中,開發(fā)者經(jīng)常會遇到兩個常見問題,頁面切換時出現(xiàn)短暫的空白屏幕,以及刷新頁面時返回?404?錯誤,下面我們就來講講這兩個問題該如何將解決吧2025-05-05
vue如何使用element-ui 實現(xiàn)自定義分頁
這篇文章主要介紹了vue如何使用element-ui 實現(xiàn)自定義分頁,可以通過插槽實現(xiàn)自定義的分頁,本文通過實例圖文相結合給大家介紹的非常詳細,感興趣的朋友一起看看吧2024-07-07
關于Element-ui中table默認選中toggleRowSelection問題
這篇文章主要介紹了關于Element-ui中table默認選中toggleRowSelection問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
vue3+vite+axios?配置連接后端調(diào)用接口的實現(xiàn)方法
這篇文章主要介紹了vue3+vite+axios?配置連接后端調(diào)用接口的實現(xiàn)方法，在vite.config.ts文件中添加配置，本文通過實例代碼給大家介紹的非常詳細,需要的朋友可以參考下2022-12-12
Vuex中的映射允許您將state中的任何屬性(state、getter、mutation和action)綁定到組件中的計算屬性,并直接使用state中的數(shù)據(jù)，下面我們來詳細了解2022-09-09
vue3中的watch是一個組合式的API使用時需要引入,下面這篇文章主要給大家介紹了關于vue3下watch使用的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2023-03-03