“This is the fourth day of my participation in the Gwen Challenge in November. Check out the details: The Last Gwen Challenge in 2021.”

Hi, I’m from the front End Lab

As the saying goes: to do a good job, you must sharpen your tools first

As a front-end developer, vscode has been around for a long time. Just like most ides, vscode has an extension and theme marketplace that includes thousands of plug-ins of varying quality.

As a master of the installation and uninstall of various front-end development tools, it is my bounden responsibility to provide fun and useful tool plug-ins for everyone, so I carefully selected nine necessary vscode plug-ins

(Simplified Chinese)

Chinese(Simplified) is a plug-in for Chinese localization, which is necessary for English learners

Live Server

To Open In Browser is to Open a static page, but to change the code once you need to Open a Browser, which is more troublesome

You can install a Live Server, refresh the page dynamically, and refresh the browser every time you change the code

Material Icon Theme

We have to work with code for 8 hours or more a day, so how can it work if it’s not beautiful

Is not installedMaterial Icon ThemePreviously,vscode’s file icon looked like this

After the installation, is it beautiful

Image Preview Image Preview

Still importing images worrying about importing the wrong path? With the Image Preview plugin, you can Preview incoming images on the left side of the screen, so you don’t have to worry about introducing images in the wrong path anymore

Bracket Pair Colorizer 2

Too much JS code? Can’t find which is which? Here’s a sharp tool to help you out

Formate: CSS/LESS/SCSS Formatter code beautification tool

Although VSCode has CSS formatting built-in, this one supports less, SCSS, which is more efficient and beautiful

CSS Peek CSS locator

CSS can be a major annoyance to programmers, especially when it comes to styles

With CSS peek, you can quickly locate CSS styles

GitLens Git repository

GitLens lets you sew navigation and browse Git repositories

Git History Git History

You want to know who changed your code? Git History, view Git History, search, version comparison.

In the future, we will update more interesting front-end tools and plug-ins for you. Please keep an eye on them

Through the front door, there was a family

Original is not easy, praise, message, share is big brother to write down the power!