How to install plug-in in vscode? Introduction to commonly used plug-ins

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

Related recommendations: "vscode Basic Tutorial"

1. How to install the plug-in?

---

Method 1:

Press F1 or Ctrl Shift p, enter extensions, select "Extensions: Install Extensions"

Method two:

ctrl P and then enter>ext install

##Method three:

Click on the picture Location

2. Commonly used plug-ins?

---

（1）Auto Close Tag

Automatically close HTML/XML tag

（2 ) Auto Rename Tag

Automatically complete the synchronized modification of the tag on the other side

(3) Bracket Pair Colorizer

Add different colors to brackets to distinguish different blocks. Users can define different bracket types and colors

# #(4) Chinese (Simplified) Language Pack——Chinese (Simplified) Language Pack for Visual Studio Code

Convert the compiler to Chinese mode

(5) Vetur

Vue multi-functional integrated plug-in, including: syntax highlighting, smart prompts, emmet, error prompts, formatting, auto-completion, and debugger. vscode officially designated Vue plug-in, a must-have for Vue developers.

(6) Git History Diff

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

##(7) GitLens — Git supercharged

Convenience Check the git log. You need to check the log when multiple people collaborate on git. You can check it in the current code

(8) Path Intellisense

Automatically prompt file paths and support various quick import files

(9) markdownlint

markdown syntax error correction

（10）Markdown Preview Enhanced

Real-time preview of markdown, a must for markdown users

(11)Debugger for Chrome

Map breakpoints on vscode to chrome for easy debugging

(12) ESLint

Automatically format code to maintain consistent formatting across the entire team. ESLint can also be configured to automatically format your code, giving you a series of warnings every time you make an error.

（13）HTML CSS Support

CSS Class smart prompt in HTML

（14 ) HTML Snippets

Intelligent prompt HTML tags, and tag meaning

(15) vscode-fileheader

Top comment template, definable Author, time and other information will be automatically updated with the last modification time
Shortcut key: Ctrl Alt i
(The default information can be modified in File → Preferences → Settings)

For more programming-related knowledge, please visit: Programming Teaching! !

The above is the detailed content of How to install plug-in in vscode? Introduction to commonly used plug-ins. For more information, please follow other related articles on the PHP Chinese website!