一. 用chrome來除錯

1）執行node的時候，帶上 --inspect-brk=9999

node --inspect-brk=9233 index.js

2）開啟chrome除錯管理頁面 

3）如果沒有對應的埠，就新增上

4）新增上後，發現target多了一個，說明監聽成功了，按inspect

5）就可以像平常一樣，快樂地除錯了

ps：值得一提的是，有時候我們需要除錯一些形如 vue-cli-service 這種工具

這個時候我們根本無從下手，沒辦法傳 --inspect-brk 這個引數；這個時候，我們應該去定位這個工具

你會發現，這個工具始終是定位到一個對應的入口js檔案，這個時候就好辦了

node --inspect-brk=9223 ./node_modules/@vue/cli-service/bin/vue-cli-service.js serve --open ./app/index.js

二. 用vscode來debug

1) 開啟debug的頁面

2）開啟配置

3）配置好入口檔案

4）執行除錯

ps：這種情況下，我們也會遇到一些類似vue-cli-serve這種node工具，這個時候需要安裝一些外掛，然後去修改一下除錯配置（後續更新）