If you don’t know what Intellisense is, let’s just say it’s autocomplete, but I recommend you to read a little bit about it cause it’s going to save you a lot of time when coding.
#Auto close and auto rename tag visual studio extensions code
You can also configure your code formatter to format on save or with a shortcut.Īlso it can be configured to work with your linter! It just make your code look more organized. Now for a more robust extension we have prettier code formatter, this one is one I can’t live without. If you really value readability, then try this one out. It also draws a little line so you can clearly see where all your code is nested.
![auto close and auto rename tag visual studio extensions auto close and auto rename tag visual studio extensions](https://www.ma-no.org/cache/galleries/contents-2120/csspeek.gif)
You can configure a list of colors, and also matching characters. This one improves readability for your code by giving different colors to your brackets, curly braces and parenthesis depending on the level they are nested in.
![auto close and auto rename tag visual studio extensions auto close and auto rename tag visual studio extensions](https://media.geeksforgeeks.org/wp-content/uploads/20201224180100/Screenshotfrom20201224175632-660x281.png)
If you start to edit the opening tag the closing tag will be edited at the same time! Just like the small one above, this one allows you to edit your tags more easily. So it will be easier to keep your HTML valid. What it does? Well exactly as the name implies every time you open a tag on your html file, the closing tag will be automatically added. Ok, so this is a small extension but it really make your life easier when working with code. I really recommend you to try this one out. Not only does the extension host your page, it also updates it in real time, so, every time you change a color, a block, or a font, everything will be updated accordingly If you are tired of reloading your web-browser to see your changes applied, this one is for you. So, If you are looking for some VS-Code extensions to make your life easier this are some of the ones I recommend. But, I think VS-Code has several advantages over other text-editors for example the integrated terminal, it’s incredible intuitive, has easy and configurable keyboard short-cuts, and of course, the incredible amount of extensions available is just something I can’t keep myself away from. I first started using mono when working with C# then eclipse for Java, finally I switched to web-development, and tried some other text editors like brackets, sublime and atom.
![auto close and auto rename tag visual studio extensions auto close and auto rename tag visual studio extensions](https://blog.elmah.io/content/images/2018/05/auto-close-tag.gif)
Immediately after installing it I knew why it is so popular, it’s light, customizable and you can transform it into an IDE if you want to.Įver since I started my career as a developer (not web-developer at first) I have tried different IDE’s and text editors. VS-code is (for me) the best text editor out there.