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

This article will introduce in detail for you "VSCode has what good extension", the content steps are clear and detailed, the details are handled properly, and the editor will update different knowledge points every day, hope that this article "VSCode has what good extension" can give you unexpected gains, please follow the editor's ideas slowly in depth, the specific content is as follows, to harvest new knowledge.

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.

1 、 Color Highlight

Who can remember all the hexadecimal codes? I can't remember anyway.

VSCode provides us with a small color box as a reference, but it is not large enough to determine the difference between similar colors. Color Highlight gives us a bigger preview by wrapping each hexadecimal code in color.

Address: https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight

2 、 SVG Preview

VS Code has a built-in image preview window, but when you click the .svg file, it only displays the code.

With SVG Preview, we get an additional side window where we can preview the image and even update it when we change the SVG code.

Address: https://marketplace.visualstudio.com/items?itemName=SimonSiefke.svg-preview

3 、 i18n Ally

I started using i18n a few months ago, and I have to say that it makes it extremely easy for my web applications to be localized into multiple languages. The only difficulty is that the translation cannot be edited in the file that is actually processed.

Instead, you must open the locales/language.json file, scroll down to the correct location, and edit the text here (by then we have forgotten what we are looking for).

I18n Ally provides us with an inline preview of basic language text, allowing us to create new keys, view existing keys, and edit them directly from the template.

I18n Ally also comes with a beautiful sidebar display (above), which shows us the distance from which the project has been localized.

Address: https://marketplace.visualstudio.com/items?itemName=antfu.i18n-ally

4. Code Spell Checker

Code Spell Checker strongly recommends that for most programmers who are not native English speakers and do not want to write four different variable names, it is still a challenge to correctly remember and spell all kinds of words. Unlike looking up online dictionaries when ambiguous, this plug-in can identify words misspelling in real time and give hints that many bug are caused by spelling mistakes.

Address: https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker

5. JavaScript Booster

JavaScript Booster: a great refactoring tool, such as replacing var with const or let, removing useless else statements, and merging variable declarations and variable initialization. It should be said that it is largely inspired by Webstorm.

Address: https://marketplace.visualstudio.com/items?itemName=sburg.vscode-javascript-booster

VS Code Icons

There are currently more than 4 million users, and you may already be using this feature, which is why it has a high advantage in this list.

If you don't, install it now so that you can find what you are looking for ten times faster in a long list of files and folders. The unique icons it adds to each file type make file search intuitive and simple.

If you can read this, the editor hopes that you have the most profound understanding of the key question of "what are the good extensions of VSCode" from the practical level, and you still need to practice and use it yourself to understand it. If you want to read more related articles, 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.