vue中的代碼如何進(jìn)行斷點(diǎn)調(diào)試
更新時(shí)間：2023年04月22日 13:53:56 作者：Akimoto Hiroshi
這篇文章主要介紹了vue中的代碼如何進(jìn)行斷點(diǎn)調(diào)試問題，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
vue代碼進(jìn)行斷點(diǎn)調(diào)試
對于這樣的代碼，我們打兩個(gè)斷點(diǎn)，想要調(diào)試的話，需要在項(xiàng)目根目錄，新建一個(gè)文件:vue.config.js，然后根據(jù)Vue Cli腳手架版本，分別寫入不同的webpack配置：
配置完畢以后：
選擇chrome:
這時(shí)會(huì)顯示一段用于啟動(dòng)項(xiàng)目的配置：
復(fù)制上面的代碼，到之前的配置文件中：
把type對應(yīng)的chrome修改為pwa-chrome:
下面開始調(diào)試
點(diǎn)擊以后，打開一個(gè)全新的窗口：
這樣就可以開始調(diào)試了，同時(shí)，新開的瀏覽器窗口里面，可以在這里看到源代碼：
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
elementui源碼學(xué)習(xí)仿寫el-link示例詳解
這篇文章主要為大家介紹了elementui源碼學(xué)習(xí)仿寫el-link示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-12-12
這篇文章主要介紹了Vue extend的基本用法,本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-12-12
本篇文章主要介紹了詳解axios中文文檔，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-09-09
vue3中el-table實(shí)現(xiàn)表格合計(jì)行的示例代碼
這篇文章主要介紹了vue3中el-table實(shí)現(xiàn)表格合計(jì)行,本文給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2024-01-01
這篇文章主要介紹了vue 插槽簡介及使用示例，幫助大家更好的理解和學(xué)習(xí)vue框架，感興趣的朋友可以了解下2020-11-11
Vue.js?的計(jì)算屬性和偵聽器詳解(提升數(shù)據(jù)處理與交互的關(guān)鍵工具)
在Vue.js開發(fā)中,計(jì)算屬性與偵聽器是極為關(guān)鍵的特性,它們極大地提升了數(shù)據(jù)處理與交互邏輯實(shí)現(xiàn)的便捷性和高效性,本文給大家介紹Vue.js?的計(jì)算屬性和偵聽器：提升數(shù)據(jù)處理與交互的關(guān)鍵工具,感興趣的朋友一起看看吧2025-04-04
vue.js在標(biāo)簽屬性中插入變量參數(shù)的方法
這篇文章主要介紹了vue.js在標(biāo)簽屬性中插入變量參數(shù)的方法,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2018-03-03
Vue.js實(shí)現(xiàn)文章評論和回復(fù)評論功能
這篇文章主要為大家詳細(xì)介紹了Vue.js實(shí)現(xiàn)文章評論和回復(fù)評論功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-04-04
vue3+ts+vite2項(xiàng)目實(shí)戰(zhàn)踩坑記錄
最近嘗試上手Vue3+TS+Vite,對比起Vue2有些不適應(yīng),但還是真香,下面這篇文章主要給大家介紹了關(guān)于vue3+ts+vite2項(xiàng)目的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-09-09
vue如何利用store實(shí)現(xiàn)兩個(gè)平行組件間的傳值
這篇文章主要介紹了vue如何利用store實(shí)現(xiàn)兩個(gè)平行組件間的傳值，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04