Debugging your React Chrome Extensions in VS Code

Without leaving the editor

If you are building an extension for Google Chrome, there is a way to use Chrome debugger for VS Code to debug your extension without leaving the editor. If you are just debugging a normal webapp instead of a Chrome extension, see this Medium post by Kenneth Auchenberg on how to live edit and debug your React apps directly in VS Code The launch.json You need to enter your extension ID in the url field It launches Chrome, loads your extension, and opens a tab to your extension’s popup. [Read More]