For JavaScript, this is already easily achievable with Node or the browser console, but Code Runner will allow you to execute a selection of code in a variety of languages, like php. Code RunnerĬode Runner does what it says on the tin: it will execute statements from a variety of languages and output the results to the built-in Output Window.

HTML CSS Support scans your project directory for CSS and SCSS files and provides HTML attribute autocomplete for classes and ids. One Dark Pro is a port of One Dark, which is quite nice on its own.Ītom's beautful theme, One Dark ported to VSCode. Does it remind you of Halloween candy? One Dark Proīefore switching to VSCode, I used Atom and really enjoyed Atom’s default theme, One Dark. Dracula is my current theme of choice, though One Dark Pro is a close second. Draculaĭracula is a popular theme that has support for lots of different applications, including Slack and Terminal. Take your pick of the following two themes-they’re both nicely designed, highly rated, and have a wide fan base, which means that you’ll likely be able to find versions of each theme for a plethora of other apps. I also find that dark color palettes are easier on my eyes, especially when working late at night. I get a lot of simple pleasure out of a well balanced color palette for my coding environment. What follows is my top-10 list of the most useful extensions for front-end development in VSCode: 10. VS Code is a powerful editor right out of the box, but there are many great extensions available that add some great functionality and flavor. It’s also extensible and quite customizable. VSCode has some really great features like Intellisense, native Git support and Emmet implementation. Microsoft’s Visual Studio Code (VSCode) is a robust, open-source(!), multi-platform editor that has quickly become my code editor of choice.

Visual studio code extensions eslint