1. Vetur - syntax highlighting, intelligent sensing, Emmet, etc.
Contains formatting functions, Alt+Shift+F (format full text), Ctrl+K Ctrl+F (format selected code, two Ctrls need to be pressed at the same time)
2. EsLint - Grammar error correction
3.Auto Close Tag——Automatically close HTML/ XML tags
4. Auto Rename Tag——Automatically complete the synchronous modification of the tag on the other side
5. JavaScript (ES6) code snippets - ES6 syntax smart prompts and quick input. In addition to js, it also supports .ts, .jsx, .tsx, .html, .vue, eliminating the need for configuration. It supports various files containing js code time
6.Beautify or Prettier - format code
7.Bracket Pair Colorizer - add different colors to brackets
8. Path Autocomplete ——Automatic path completion
Configure in settings.json:
"path-autocomplete.extensionOnImport":true,
"path-autocomplete.pathMappings": {
//配置@的路径提示
"@":"${folder}/src"
},
9. Chinese (Simplified) Language
10. Git History See git committer
11. Color Highlight ——Color Highlight
12. Autoprefixer - automatically complete css compatible prefixes
13.LiveServer - Browser real-time preview
14. Px to rem&rpx vw - Calculate rem rpx vw as px and display it in real time
15.JSON Tools—— json style formatting
How to use JSON Tools:
1.Ctrl+Alt+M