Vue.js debugging in Chrome and VS Code

github.comsite

This recipe shows how to use the Debugger for Chrome extension with VS Code to debug Vue.js applications generated by the Vue CLI.

from

Vue.js

added

2026-10-10

likes

0

similar

1. ▲

   Enable VS Code Debugger for Nuxt & Typescript nordschool.com

   site topic programming link ↗
   
2. ▲

   Vue DevTools github.com

   Browser devtools extension for debugging Vue.js applications.

   tool link ↗
   
3. ▲

   vue-cli-plugin-chrome-extension-cli github.com

   Vue CLI Plugin generate chrome extension template

   tool link ↗
   tool
4. ▲

   VS Code - Debugger for Chrome github.com

   Original Chrome debugger for VS Code (superseded by built-in vscode-js-debug, which has a rich CDP/DAP implementation).

   tool link ↗
   
5. ▲

   vscode-js-debug github.com

   Official DAP-compliant JavaScript and Chrome CDP debugger powering VS Code.

   tool topic programming link ↗
   tool
6. ▲

   vuejs-extension-pack vscode github.com

   An extension packf or vscode with popular VS Code extensions for Vue.js development.

   tool link ↗
   

Vue.js › Resources > Tutorials: “This recipe shows how to use the Debugger for Chrome extension with VS Code to debug Vue.js applications generated by the Vue CLI.”