vue中的代碼如何進行斷點調(diào)試
vue代碼進行斷點調(diào)試
對于這樣的代碼,我們打兩個斷點,想要調(diào)試的話,需要在項目根目錄,新建一個文件:vue.config.js
,然后根據(jù)Vue Cli腳手架版本,分別寫入不同的webpack配置:
配置完畢以后:
選擇chrome:
這時會顯示一段用于啟動項目的配置:
復制上面的代碼,到之前的配置文件中:
把type對應的chrome修改為pwa-chrome:
下面開始調(diào)試
點擊以后,打開一個全新的窗口:
這樣就可以開始調(diào)試了,同時,新開的瀏覽器窗口里面,可以在這里看到源代碼:
總結(jié)
以上為個人經(jīng)驗,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
vue element-ui el-cascader級聯(lián)選擇器數(shù)據(jù)回顯的兩種實現(xiàn)方法
這篇文章主要介紹了vue element-ui el-cascader級聯(lián)選擇器數(shù)據(jù)回顯的兩種實現(xiàn)方法,具有很好的參考價值,希望對大家有所幫助。2023-07-07vue 導航菜單刷新狀態(tài)不消失,顯示對應的路由界面操作
這篇文章主要介紹了vue 導航菜單刷新狀態(tài)不消失,顯示對應的路由界面操作,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08vue elementUI 表單校驗功能之數(shù)組多層嵌套
這篇文章主要介紹了vue elementUI 表單校驗(數(shù)組多層嵌套)功能的實例代碼,代碼簡單易懂,非常不錯,具有一定的參考借鑒價值 ,需要的朋友可以參考下2019-06-06