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

This article introduces the relevant knowledge of "what are the VSCode extensions?". In the operation of actual cases, many people will encounter such a dilemma. Next, let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

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.

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.

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.

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 big challenge to correctly remember and spell all kinds of words. Unlike when ambiguity needs to look up online dictionaries, this plug-in can identify words misspelling in real time and give hints that many bug are caused by spelling mistakes.

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".

There is an additional need to expand!

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.

That's all for "what are the VSCode extensions?" Thank you for reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!

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.