vue中的代碼如何進行斷點調(diào)試
更新時間：2023年04月22日 13:53:56 作者：Akimoto Hiroshi
這篇文章主要介紹了vue中的代碼如何進行斷點調(diào)試問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
vue代碼進行斷點調(diào)試
對于這樣的代碼，我們打兩個斷點，想要調(diào)試的話，需要在項目根目錄，新建一個文件:vue.config.js，然后根據(jù)Vue Cli腳手架版本，分別寫入不同的webpack配置：
配置完畢以后：
選擇chrome:
這時會顯示一段用于啟動項目的配置：
復(fù)制上面的代碼，到之前的配置文件中：
把type對應(yīng)的chrome修改為pwa-chrome:
下面開始調(diào)試
點擊以后，打開一個全新的窗口：
這樣就可以開始調(diào)試了，同時，新開的瀏覽器窗口里面，可以在這里看到源代碼：
總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家介紹了VUE的數(shù)據(jù)代理與事件，具有一定的參考價值，感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助2021-11-11
vue element-ui el-cascader級聯(lián)選擇器數(shù)據(jù)回顯的兩種實現(xiàn)方法
這篇文章主要介紹了vue element-ui el-cascader級聯(lián)選擇器數(shù)據(jù)回顯的兩種實現(xiàn)方法，具有很好的參考價值，希望對大家有所幫助。2023-07-07
vue 導(dǎo)航菜單刷新狀態(tài)不消失,顯示對應(yīng)的路由界面操作
這篇文章主要介紹了vue 導(dǎo)航菜單刷新狀態(tài)不消失,顯示對應(yīng)的路由界面操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08
vue路由傳參的使用場景一般都是應(yīng)用在父路由跳轉(zhuǎn)到子路由時，攜帶參數(shù)跳轉(zhuǎn)，本文將詳細介紹vue路由傳參的三種方式，這三種傳參方式只是針對vue?Router?V3版本的,需要的朋友可以參考下2023-07-07
keep-alive是Vue中一個非常有用的特性,它可以幫助我們避免重復(fù)渲染和減少組件的渲染次數(shù),從而提高應(yīng)用程序的性能,本文給大家介紹keep-alive組件緩存的相關(guān)知識,感興趣的朋友一起看看吧2024-01-01
這篇文章主要為大家詳細介紹了Vue+Element-U實現(xiàn)分頁顯示效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-11-11
這篇文章主要介紹了vue實現(xiàn)命令式彈窗組件功能，本文給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2019-09-09
這篇文章主要介紹了Vue3中的組件數(shù)據(jù)懶加載問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
vue elementUI 表單校驗功能之數(shù)組多層嵌套
這篇文章主要介紹了vue elementUI 表單校驗（數(shù)組多層嵌套）功能的實例代碼，代碼簡單易懂，非常不錯，具有一定的參考借鑒價值 ,需要的朋友可以參考下2019-06-06
這篇文章主要介紹了詳解mpvue小程序中怎么引入iconfont字體圖標，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-10-10