vue中的代碼如何進行斷點調試

vue代碼進行斷點調試

對於這樣的代碼，我們打兩個斷點，想要調試的話，需要在項目根目錄，新建一個文件:vue.config.js，然後根據Vue Cli腳手架版本，分別寫入不同的webpack配置：

配置完畢以後：

選擇chrome:

這時會顯示一段用於啟動項目的配置：

復制上面的代碼，到之前的配置文件中：

把type對應的chrome修改為pwa-chrome:

下面開始調試

點擊以後，打開一個全新的窗口：

這樣就可以開始調試瞭，同時，新開的瀏覽器窗口裡面，可以在這裡看到源代碼：

總結

以上為個人經驗，希望能給大傢一個參考，也希望大傢多多支持WalkonNet。

推薦閱讀：

• chrome瀏覽器打不開怎麼回事 chrome瀏覽器打不開的處理方法
• 如何查看chrome瀏覽器插件位置 查看chrome瀏覽器插件位置的方法
• Chrome打不開擴展程序管理頁面怎麼回事 Chrome打不開擴展程序管理頁面的處理方法
• 谷歌瀏覽器崩潰是什麼原因 解決谷歌瀏覽器崩潰的詳細方法
• 教你一招調試chrome斷點的小技能【圖文】