Translated into Chinese after the author's authorization, the original link: https://levelup.gitconnected.com/7-vs-code-extensions-that-make-you-want-to-keep-coding-forever-f205e597ae34.
Having the right tools can make your development work easier. Many developers use VSCodeas a development tool, VSCode allowed to install a variety of expansion tools.
Visual Studio Marketplace There are too many extension tools available, we will focus on the following 8 extension tools.
Even the simplest tool can empower people to do great things-Biz Stone
All of these plug-ins are available in Visual Studio Marketplacefree access on.
1. REST Client
REST ClientExtended tool allows you to send HTTPrequests and directly VSCodeview the response. No longer need to use the external application sends the server HTTPrequest.
This is a very popular extension tool that has been favored by many developers and has received more than 100W installations. In addition, I have used this plugin myself for some time, and I think it is great.
Sending a request has become so easy. The syntax is very concise, and provides many options to meet your needs. Simple GETrequest requires only one line of code, GETkeyword followed URLcan be.
You should really try REST Clientextensible tools.
2. CSS Peek
If you are a webdeveloper, CSS Peekit is absolutely necessary. With this extension tool, hover over the class name or ID of the element element, you can see applied to this element of the CSSrule.
As shown below:
This extension tool not only allows you to view styles. It also has a "Go" feature allows you to immediately jump to the elements used in the CSSrules. This saves you a lot of time in finding the right selector.
3. Beautify
If you like clean code, you will definitely like it Beautify.
BeautifySupport JavaScript, HTML, CSS, Sassand JSON.
The biggest advantage of this extension is that all options are fully customizable-such as the indentation size and whether the file should end with a new line. If you write code in several programming languages, you Beautifycan 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
Auto Rename TagThe work done by the extension tool is simple, but very useful. The extension tool will automatically paired rename HTMLlabel. If you are renaming a start tag, it will change the corresponding end tag; vice versa.
Automatically add the closing tag if you want to type a parenthesis at the end of the beginning label, you should take a look at Auto Close Tagthe expansion tool. Installing these two extensions is very useful and will help you write in a more efficient and consistent way HTML.
5. Quokka.js
Quokka.jsIt is a prototype platform in the editor, you can access project files, inline reports, etc. The value in the code is updated at runtime and is displayed next to the code in the IDE as you type the code.
this is amazing!
6. Night Owl
Without a stunning theme, what is the value of optimizing VS Code? Not much, right? ! Since you spend so much time on VS Code, you'd better install a theme to make it look better.
The Night Owl theme is a beautiful theme used by many developers. According to the description of this theme, it is fine-tuned and optimized for those of us who like to write code late at night.
If you do not like Night Owlthe topic, about Amway: Pink Cat Boo, , Panda Syntax, Mini Dark, Gatito Theme, One Monokaithese color theme is also very nice ~
7. JavaScript (ES6) code snippets
The last extension tool to introduce is JavaScript (ES6) code snippetsextensible tools. The extension tool has multiple code snippets for you to generate ES6 code snippets.
For example, type clg and press Enter to get a console.log. It may take a while for you to be familiar with all the code snippets, but as long as you master it, you can type ES6 code very quickly
8. TabNine
TabNineIt is the best code completion tool I have ever used. It TabNineis an artificial intelligence-based code automatic completion tool. TabNine will give the probability of each candidate during automatic completion and sort it according to the probability. In addition , The source and address of the candidates will be given, which makes it easier to query and read. There have been more than 30W downloads.
study Exchange
Follow the public account [Frontend Universe], get good article recommendations every day
Add WeChat, join the group to communicate
"Watching and forwarding" is the greatest support