Bracket Pair Colorizer (as you might expect) colors matching brackets to make your code much more readable. With tons of nested code, it gets almost impossible to determine which brackets match up with each other. Bracket Pair Colorizorīrackets are the bane of a developer's existence. There are some things you can only test when running your app from a server, so this is a nice benefit. It also runs your app on a localhost server. That's the endless cycle of a developer, but what if your browser would automatically refresh anytime you make changes? That's where Live Server comes in! Make changes in code editor, switch to browser, and refresh to see changes.
VS Code specifically is also perfectly configured to show you these errors/warnings.Ĭheck out the ESLint docs for more info. This extension can be configured to auto format your code as well as "yell" with linting errors/warnings.
Want to write better code? Want consistent formatting across your team? Install ESLint. Side note.if you're not using ES6 JavaScript features, you should be! 3. This extensions provides you with snippets for popular pieces of modern (ES6) JavaScript code. I'm a firm believer that there's no need to retype the same piece of code over and over again.
Javascript (ES6) Code Snippetsīv Get Started w/ JavaScript for free! If you want to learn more about debugging you should read Debugging JavaScript in Chrome and Visual Studio Code. This extension gives you all (or close to all) of those debugging features right inside of VS Code! Chrome has features built in that make debugging a much better experience. Debugger for chromeīelieve it or not, debugging JavaScript means more than just writing console.log() statements (although that's a lot of it). Want to install all of the extensions listed below at once?! Check out The Web Development Essentials ExtensionĬheck out Learn Visual Studio Code to learn everything you need to know about about the hottest editor in Web Development for just $10! 1.
0 kommentar(er)
