Biz Stone, “Make up your mind! The Charge of Building Great from the Founder of Twitter ”
One of the differences between very good programmers and good programmers is what tools they use. Choosing the right tools can make a developer's life much easier. It refers to fine-tuning the IDEs used when writing code. Many programmers use Visual Studio Code these days. This code editor supports installing extensions. There are so many such extensions out there that we can say that the customization possibilities of VS Code are almost endless. But on the Visual Studio Marketplace
, an incredible number of extensions are published on the site where extensions for VS Code are published. This means that it is difficult for programmers to find exactly what they really need. If a certain extension seemed useful to someone, then it is quite possible that it will benefit other people as well. Therefore, here I will tell you about 7 extensions for VS Code that can greatly facilitate the programmer's work. These are all free extensions. Anyone can download and use them freely.
1. REST Client
The REST Client extension allows, right from VS Code, to send HTTP requests, and immediately view the responses to them. This extension lets you say goodbye to external applications that you would otherwise have to use to make requests to servers.
This extension is very popular considering that it has over a million downloads. It is used by many programmers. I've been using the REST Client for quite some time now and I think it's a great tool.
It makes it very easy and convenient to create and send requests. When working with it, clear syntactic constructions are used that make it easier to use in a variety of situations. For example, sending a simple GET request requires just one line of code containing the keyword
GETand the URL.
In general, I recommend trying this extension for anyone who needs the functionality of a REST client.
Working with REST Client
2. CSS Peek
If you're into web development, then CSS Peek is a must-have extension in your toolbox. This extension allows you to quickly view CSS rules applied to various HTML elements. To see the corresponding CSS code, just hover the mouse pointer over the element's class name or its ID.
Below is the process for working with CSS Peek.
Working with CSS Peek
But the capabilities of this extension go beyond just looking at styles. Among other things, it allows you to quickly jump to the code of the CSS rules used to style the elements. This saves you a lot of time looking for matching selectors.
3. Beautify
If you like clean code, then you will definitely love the Beautify extension . It allows you to format your code. Beautify supports JavaScript, HTML, CSS, Sass, and JSON.
The best part about this extension is that it lends itself to deep customization. For example, this includes setting the indentation sizes and specifying whether files should be terminated with a newline. Beautify is suitable for those who write code in different programming languages, for each of which you can set your own settings.
Beautify, with over 5 million downloads, is in the top 20 most popular extensions.
4. Auto Rename Tag
The Auto Rename Tag extension solves a very simple problem, but despite this, it can take its rightful place in the programmer's toolbox. Namely, it automates the task of renaming HTML tags. In particular, if the start tag is renamed, the end tag also changes. The same thing happens when you rename the end tag.
If you want an auto close tag to be automatically entered after you enter a parenthesis that ends the start tag, take a look at the Auto Close Tag extension . If you have both of these extensions, it will help you a lot in writing HTML code, making your work more efficient and the results of your work more consistent.
Working with Auto Rename Tag
5. Quokka.js
The Quokka.js extension is a kind of sandbox for experimenting with code, built right into the editor. It allows you to work with files by displaying the appropriate hints directly in the code. These tips appear during the process of entering the program text, which is very convenient.
Working with Quokka.js
6. Night Owl
What's the cost of optimizing VS Code without using an amazing theme? Programmers spend a lot of time working in the editor, so the more attractive the editor looks, the better.
Night Owl is one of the great themes used by many programmers. The description for it says that it is designed for those who sit at the computer until late at night.
Night Owl Theme
But if you don't like this theme, it's okay. There are many more good topics, one of which will definitely suit you.
7. JavaScript (ES6) code snippets
The JavaScript (ES6) code snippets extension that wraps up this material offers the developer a set of snippets that allow you to quickly create modern JavaScript constructs.
For example, if, using this extension, enter
clgand press Enter- it will get into the code console.log. It may take some time to master all the snippets available in this extension. But someone who has implemented JavaScript (ES6) code snippets will be able to write modern JS code really quickly. It pays for the time spent learning this extension.
What extensions for VS Code do you use?
