Debugging JavaScript, DOM, CSS and accessing the browser console without leaving Visual Studio Code

• simple-to-do

  5 25 0.0 CSS

  A quick demo of a bare vanilla JS todo app

If you want to see this in action, you can download/fork the demo to-do app I used in the screencasts.

• vscode-edge-devtools

  13 728 6.2 TypeScript

  A VSCode extension that allows you to use browser devtools from within the editor. The devtools will connect to an instance of Microsoft Edge giving you the ability to alter CSS styling, perform diagnostics, and debugging. Get it now at http://aka.ms/devtools-for-code

  

What do you think? Anything you're still missing in that workflow? File an issue on GitHub and tell us about it!

• SurveyJS

  surveyjs.io featured

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• Visual Studio Code

  2,844 158,365 10.0 TypeScript

  Visual Studio Code

  

Now that Visual Studio Code has an in-built JavaScript debugger, it has become incredibly convenient to debug your project without leaving the editor. You can debug JavaScript, tweak CSS and the DOM and interact with the browser Console right inside VS Code. And you don't need to know which extensions to install as the editor guides you along the way.

Suggest a related project