vue中的代碼如何進行斷點調(diào)試
vue代碼進行斷點調(diào)試

對于這樣的代碼,我們打兩個斷點,想要調(diào)試的話,需要在項目根目錄,新建一個文件:vue.config.js,然后根據(jù)Vue Cli腳手架版本,分別寫入不同的webpack配置:

配置完畢以后:

選擇chrome:

這時會顯示一段用于啟動項目的配置:


復制上面的代碼,到之前的配置文件中:

把type對應(yīng)的chrome修改為pwa-chrome:

下面開始調(diào)試

點擊以后,打開一個全新的窗口:

這樣就可以開始調(diào)試了,同時,新開的瀏覽器窗口里面,可以在這里看到源代碼:

總結(jié)
以上為個人經(jīng)驗,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
vue3中el-table實現(xiàn)表格合計行的示例代碼
這篇文章主要介紹了vue3中el-table實現(xiàn)表格合計行,本文給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友參考下吧2024-01-01
Vue.js?的計算屬性和偵聽器詳解(提升數(shù)據(jù)處理與交互的關(guān)鍵工具)
在Vue.js開發(fā)中,計算屬性與偵聽器是極為關(guān)鍵的特性,它們極大地提升了數(shù)據(jù)處理與交互邏輯實現(xiàn)的便捷性和高效性,本文給大家介紹Vue.js?的計算屬性和偵聽器:提升數(shù)據(jù)處理與交互的關(guān)鍵工具,感興趣的朋友一起看看吧2025-04-04
vue如何利用store實現(xiàn)兩個平行組件間的傳值
這篇文章主要介紹了vue如何利用store實現(xiàn)兩個平行組件間的傳值,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2022-04-04

