
How is the Guides extension different from the built in indentation guides? Here's a few differences:
VISUAL STUDIO CODE JAVASCRIPT AUTO INDENT CODE
A very nice VS Code extension for you to add to your list.įor me the native VS Code guides are not quite enough.

Well, VS Code also has this option in an extension called Live Server.Īs long as you open your project folder in VS Code, you can launch a local development server with live reload feature for static & dynamic pages. One thing that made Brackets popular with many developers is it's Live Server capabilities, in that you could run your project in a web page and every time you save it would refresh the page with your changes. And yes, you can stop it from doing that if you want it to minify into the same file, not a into new one. What I like about it, is that it minifies a file into a NEW file with the. Not only that, but it allows you to search the history, to compare branches/commits, etc., to view a previous copy of the file, and also features like the ability to cherry pick (one of my favorite git functionalities), to revert, merge, and rebase.Īll of this in a nice, tidy, graphical solution with VS Code. This VS Code extension gives a graphic visual of your git log. If you say you do, then you're just strange. Who out there enjoys looking through the Git Log in the Terminal to see your history? This should be default functionality of Visual Studio Code, but it isn't. This extension highlights the matching tag when your cursor is placed on one. What about HTML? You have a ton of div tags on the screen and you aren't sure if that closing one matches the one at the top of not. This VS Code extension helps us keep track of and match our brackets better as seen in this example: Often when we get too many brackets going, we forget to close one or put one too many. This is very useful when working with nested code like Sass or JavaScript functions, etc. The user can define which characters to match, and which colors to use. This extension allows matching brackets to be identified with colors. So without wasting anymore time here are: 10 VS Code extensions that will boost your productivity
VISUAL STUDIO CODE JAVASCRIPT AUTO INDENT INSTALL
Then, of course, click install and you have some new functionality.


They can be installed by clicking on the extensions tab and doing a search for the desired extension. In this post, I want to mimic that, but instead, provide the 10 extensions that will boost your productivity.Įxtensions are a huge part of VS Code and are what make it so powerful. In my last post I gave 10 VS Code shortcuts that you need to memorize to boost your coding productivity.
