Shulou(Shulou.com)06/02 Report--

This article "easy to use VSCode extension tools" in addition to programmers most people do not understand, today Xiaobian in order to make you a better understanding of the "easy to use VSCode extension tools", to give you a summary of the following, with a certain reference value, detailed steps clear, details handled properly, I hope you can get something through this article, let's take a look at the specific content.

What is the use of vscode Visual Studio Code is a cross-platform editor for writing modern web and cloud applications, which runs on OS X web Windows and Linux. It provides developers with built-in support for a variety of programming languages, and as Microsoft pointed out in keynote at the Build conference, this editor also provides rich code completion and navigation features for these languages.

Having the right tools can make your development work easier. Many developers use VSCode as a development tool, and VSCode allows you to install various extension tools.

There are so many extension tools available on Visual Studio Marketplace that we will focus on the following eight extension tools.

Even the simplest tools can empower people to do great things-- Bitzstone

All of these plug-ins are available free of charge on Visual Studio Marketplace.

1. REST Client

The REST Client extension tool allows you to send a HTTP request and view the response directly in VSCode. You no longer need to use an external application to send HTTP requests to the server.

This is a very popular extension tool that has been favored by many developers and has been installed more than 100W times. In addition, I have been using this plug-in myself for some time, and I think it is great.

It becomes so easy to send a request. The syntax is very concise and provides a number of options to meet your needs. A simple GET request requires only one line of code, with the GET keyword followed by URL.

You really should try the REST Client extension tool.

2. CSS Peek

If you are a web developer, CSS Peek is absolutely necessary. With this extension tool, hover over the element's class name or element ID, and you can see the CSS rules that apply to that element.

As shown in the following figure:

This extension tool does not just allow you to view styles. It also has a "go" feature that allows you to immediately jump to CSS rules that apply to elements. This saves you a lot of time finding the right selector.

3. Beautify

If you like clean code, then you will definitely like Beautify.

Beautify supports JavaScript,HTML,CSS,Sass and JSON.

The biggest advantage of this extension is that all options are fully customizable-such as indent size and whether the file should end with a new line. If you write code in several programming languages, Beautify can cover. You can customize the options for each programming language.

The extension tool has been downloaded more than 500W times, ranking in the top 20 of the most popular installed extension tools.

4. Auto Rename Tag

What the Auto Rename Tag extension tool does is simple, but easy to use. The extension tool will automatically rename pairs of HTML tags. If you are renaming a start tag, it will change the corresponding end tag, and vice versa.

If you want to automatically add the closing tag when you type in the closing parentheses of the opening tag, you should take a look at the Auto Close Tag extension tool. Installing these two extensions is very useful and will help you write HTML in a more efficient and consistent manner.

5. Quokka.js

Quokka.js is a prototype platform in the editor that can access project files, inline reports, and so on. The values in the code are updated at run time and are displayed next to the code in IDE as you type the code.

Just wonderful!

6. Night Owl

What's the value of optimizing VS code without an amazing theme? Not much, right?! Since you spend so much time on VS code, you'd better make it look better by installing a theme.

The Night Owl theme is a beautiful theme used by many developers. According to the description of this topic, it is fine-tuned and optimized for those of us who like to write code late into the night.

If you don't like the Night Owl theme, Amway: Pink Cat Boo, Panda Syntax, Mini Dark, Gatito Theme, One Monokai, these theme colors are also very good.

7. JavaScript (ES6) code snippets

The last extension tool to be introduced is the JavaScript (ES6) code snippets extension tool. The extension tool has several code snippets that allow you to generate ES6 code snippets.

For example, type clg and press enter to get a console.log. It may take you a while to familiarize yourself with all the code snippets, but as long as you master it, you can type the ES6 code very quickly

8. TabNine

TabNine is the best code completion tool I have ever used. TabNine is an automatic code completion tool based on artificial intelligence. TabNine will give the probability of each candidate and sort it according to the probability. In addition, it will give the source and address of the candidate option, which is more convenient to query and read. There have been more than 30W downloads so far.

Thank you for your reading. I hope you have a certain understanding of the key question of "what are the good VSCode extension tools?" the specific usage still needs to be understood by everyone through hands-on experiments. Try it quickly. If you want to read more articles about relevant knowledge points, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.