Vscode plugin configuration complete

Insert picture description here
1. Insert picture description here
Open in browser is a
necessary plug- in to open a separate html file. How to
use: shift+alt+b to select the browser to open

2. Insert picture description here
Path Intellisense
automatic path completion, such as importing files, there will be a prompt path
3. Insert picture description here
HTML CSS Support
css syntax smart prompt

4. Insert picture description here
HTML Snippets
quickly generate html5 templates, which can be customized (input html5 and press Enter) +html syntax smart prompt

5. Insert picture description here
GitLens
version development and use can see who submitted the code last (required for dumping)

6. Insert picture description here
ESLint
examines whether the code conforms to coding standards and a unified code style;
examines whether the code has syntax errors

7. In Insert picture description here
CSS Peek
, point the mouse to a certain class or id name in your html, hold down the Ctrl key + the left mouse button to directly locate the CSS position of the name

8. Insert picture description here
JavaScript (ES6) code snippets
JS (including ES6) syntax smart tips

9. Insert picture description here
Vetur
provides syntax highlighting, code snippets, Emmet, code detection, smart prompts and debugging support for the Vue framework (front-end development framework).

10. Insert picture description here
ESLint
provides ES6 syntax support for JavaScript, TypeScript, HTML, React and Vue

11. Insert picture description here
Beautify is
used to format the code. Right-click the format code.
12. Insert picture description here
Chinese operation interface.
13. Insert picture description here
** Material Icon Theme**
icon library. The icons displayed in the file are different.
14. Insert picture description here
Vue 2 Snippets
Vue syntax smart tips, Completion
15. The brackets in the Insert picture description here
Bracket Pair Colorizer
code are color marked, otherwise five or six brackets will be dead ==
16. Insert picture description here
Automatically close the html tag Auto Close Tag
synchronously modify the html tag plug-in Auto Rename Tag
17. Insert picture description here
Power Mode
This is the code When there are animations, you can choose to install them
Insert picture description here

Guess you like

Origin blog.csdn.net/weixin_44383354/article/details/107394161