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

This article is about what plug-ins are commonly used in VSCode development. The editor thought it was very practical, so I shared it with you as a reference. Let's follow the editor and have a look.

Visual Studio Code must-have common plug-ins

Red is highly recommended, do not miss o (∩ _ ∩) o

Chinese (Simplified) Language Pack for Visual Studio Code

Simplified Chinese package

Prettier-Code formatter

Strongest formatting, do not accept rebuttal (uninstall JS-CSS-HTML Formatter in the app store to avoid automatic formatting when saving)

HTML Snippets

Super practical and rudimentary H5 code snippets and hints

Code Runner

The code compiles and runs according to the results, and supports many languages.

GitLens

Rich git log plug-in

Vetur

Vue syntax highlighting, IntelliSense, Emmet, etc.

HTML CSS Support

Let the html tag write class Smart prompt for the styles supported by the current project. The new version already supports scss file retrieval, which is also one of the necessary plug-ins

Auto Close Tag

Match the tag and close the corresponding tag. Very practical [HTML/XML]

Auto Rename Tag

Modify the html tag to automatically help you complete the synchronous modification of the tail closed tag.

Path Intellisense

Path intelligent prompt

JavaScript (ES6) code snippets

The plug-in provides ES6 syntax support for JavaScript, TypeScript, HTML, React, and Vue.

Live Server

The browser refreshes in real time. Right click "Open With Live Server" to open

Open in browser

View the html file from the browser and use the system's current default browser

Bracket Pair Colorizer

Let the parentheses have a separate color and make it easy to distinguish. Can be used with any theme.

ESLint

ESLint code detection check

Vscode-icon

Add icons to the vscode resource tree directory, a must-have product!

Debugger for Chrome

Let vscode map the debug function of chrome. Static pages can use vscode to interrupt point debugging.

IntelliSense for CSS class names in HTML

Intelligently prompt the names in the css file in the project in html

Minapp

Intelligent completion of WeChat Mini Programs tags and attributes (also supports native Mini Program, mpvue and wepy frameworks, and provides snippets)

CSS Peek

Trace to the CSS class definition in the stylesheet

Ctrl+ left mouse button click class or right mouse button "Jump to definition (F12)"

Manta's Stylus Supremacy

Format stylus

JQuery Code Snippets

Essential products for severe patients with jquery

Class autocomplete for HTML

One of the most important manifestations of html code by friends who write html code is repetition. If you tap it by hand, it will not only be tiring but also affect the progress of the project. This auto-completion plug-in is really great.

JavaScript Snippet Pack

Plug-ins for js contain common syntax keywords of js, which is very practical

Path Autocomplete

Path intelligent completion

Beautify

A tool for formatting code, which can format JSON | JS | HTML | CSS | SCSS, which is easier to use than built-in formatting

HTMLHint

Html code detection

VSCode Great Icons

Another resource tree directory icon

Colorize

Will add a background to the color code that currently matches the code color, which is very good

Color Info

Provides information about your use of colors in CSS. You can preview information about the color model (HEX, RGB, HSL, and CMYK) in the color block by hovering the cursor over the color.

Vscode-fileheader

The top comment template defines the author, time, and other information, and automatically updates the last modification time

Document This

Comment template for js (Note: the new version of vscode is natively supported, enter / * * tab on function)

Filesize

The current file size is displayed in the status bar at the bottom, and you can also see the detailed creation and modification time after clicking.

Bootstrap 3 Sinnpet

Commonly used bootstrap can be downloaded.

VueHelper

Vue code hint

Bookmarks

A bookmarking tool is still necessary.

Tortoise-svn

Integrated plug-in for SVN

Thank you for reading! About which plug-ins commonly used in VSCode development are shared here, I hope the above content can be of some help to you, so that you can learn more knowledge. If you think the article is good, you can share it and let more people see it.

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.