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

Editor to share with you how to install vscode plug-ins, I believe that most people do not know much about it, so share this article for your reference, I hope you can learn a lot after reading this article, let's go to know it!

VSCode, whose full name is Visual Studio Code, is a lightweight code editor from Microsoft that is free, open source and powerful. It supports syntax highlighting, intelligent code completion, custom hotkeys, parenthesis matching, code snippets, code comparison Diff, GIT and other features of almost all mainstream programming languages, and supports plug-in extensions.

First, how to install plug-ins? Method 1:

Press F1 or Ctrl+Shift+p, enter extensions, and select "extend: install extension"

Method 2:

Ctrl + P and then enter > ext install

Method 3:

Click the location in the figure

Second, commonly used plug-ins? (1) Auto Close Tag

Automatically close HTML/XML tags

(2) Auto Rename Tag

Automatically complete the synchronous modification of the label on the other side

(3) Bracket Pair Colorizer

Add different colors to the parentheses to make it easy to distinguish different blocks. Users can define different types and colors of parentheses.

(4) Chinese (simplified) language pack-Chinese (Simplified) Language Pack for Visual Studio Code

Convert the compiler to Chinese mode

(5) Vetur

Vue multi-functional integration plug-in, including: syntax highlighting, smart prompt, emmet, error prompt, formatting, automatic completion, debugger. Vscode officially appointed the Vue plug-in, which is a must for Vue developers.

(6) Git History Diff

If your VSCode opens a Git managed code, then in the VSCode editing window, you can see all the submission records, change files, including the submission time of each line of code, the submitter, which is very convenient.

(7) GitLens-Git supercharged

It is easy to view the git log. You need to view the log when many people cooperate with git, which can be viewed in the current code.

(8) Path Intellisense

Automatically prompt the file path to support a variety of quick introduction of files

(9) markdownlint

Markdown grammar error correction

(10) Markdown Preview Enhanced

Real-time preview markdown,markdown users must have

(11) Debugger for Chrome

Map breakpoints on vscode to chrome for easy debugging

(12) ESLint

Automatically format the code to maintain a consistent format across the team. ESLint can also be configured to format your code automatically, sending you a series of warnings whenever you make an error.

(13) HTML CSS Support

CSS Class Smart Tip in HTML

(14) HTML Snippets

Smart prompt HTML tag, and the meaning of the tag

(15) vscode-fileheader

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

Shortcut key: Ctrl+Alt+i

(the default information can be modified in the file → preferences → settings)

The above is all the contents of the article "how to install plug-ins for vscode". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, 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.