[Video] Learn how to debug web projects end-to-end in VS Code in 5 minutes

• simple-to-do

  5 25 0.0 CSS

  A quick demo of a bare vanilla JS todo app

I open a project inside VS Code by opening its folder. The demo used is a simple, plain Vanilla JS/CSS/HTML ToDo app you can download/fork on GitHub.

• 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

  

If you want to learn more about the JavaScript debugger in VS Code, you can check the documentation here or talk to Connor Peet on Twitter. For the Edge DevTools for VS Code integration you can read the extension documentation and check the code on GitHub. We're also welcoming filing any issues on GitHub and you can talk to me, codepo8 on Twitter or the team at EdgeDevTools

• 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

  

This weekend I released a video on the YouTube Channel of Visual Studio Code that shows end-to-end web project debugging.

Suggest a related project