Vue CLI 是一個官方發布的用于快速搭建 Vue 項目的工具，它集成了許多官方推薦的插件及構建工具，可以讓我們更加便捷地開發 Vue 應用。在開發過程中，經常會遇到 bug 和問題，需要進行調試。本文將介紹如何在 Vue CLI 中進行調試。

首先，在 package.json 文件中添加如下配置：

"scripts": {
"serve": "vue-cli-service serve",
"debug": "node --inspect-brk ./node_modules/.bin/vue-cli-service serve"
},

其中，serve 是啟動開發服務器的命令，debug 中的 --inspect-brk 是開啟調試模式的參數。

接著，在命令行中運行如下命令，開啟調試模式：

npm run debug

此時，命令行會輸出類似如下信息：

Debugger listening on ws://127.0.0.1:9229/a9b511c4-5662-45a7-ae1e-ebba6d42b04c
For help, see: https://nodejs.org/en/docs/inspector

我們可以通過瀏覽器訪問 http://localhost:9229/json/list 獲取調試器的調試頁面。打開該頁面后，在頁面上找到我們所要調試的 Vue 組件，點擊即可進入調試模式。

此時我們可以使用 VS Code 等調試工具進行調試，通過運行、斷點、跟蹤、查看變量等方式找出 bug。