In order to work efficiently, when we use vScode, we often use some useful plug-ins. Now I will share my favorite plug-ins with everyone. Welcome to like and add to favorites;
1、JavaScript(ES6) code snippets
ES6 syntax smart prompts and quick input not only support .js, but also .ts, .jsx, .tsx, .html, .vue
2、Auto Close Tag
Automatically close HTML/XML tags and write HTML code very quickly
3、Auto Rename Tag
Automatically complete the synchronous modification of the tags on the other side of HTML/XML, which is very convenient
4、Color Info
Provides information about the colors you use in CSS. You can preview the color model in the color block by hovering the cursor.
5、HTML CSS Support
Smart prompt CSS class name and id name
6、npm Intellisense
After the npm package is installed, the package will be intelligently prompted when requiring, and the npm module will be automatically filled in the import statement.
7、Terminal
A cmd- like terminal program is embedded in the editor to run terminal commands directly in the editor.
8、Winter
Vue multi-functional integrated plug-in, including: syntax highlighting, smart prompts, emmet, error prompts, formatting, auto-completion, debugger
9、ES7 React/Redux/GraphQL/React-Native snippets
Smart syntax tips, a must-have for React developers
10、Markdown Preview Enhanced
Live preview of Markdown
11、code spell checker
Check whether your English words are spelled correctly
12、ESLint
javaScript syntax error correction
13、HTML Snippets
Smart reminder HTML tags and their meanings
14、Power Mode
Typing cool special effects vibration light effect plug-in
15、Output Colorizer
The text color of the output prompt has some changes
16、WakaTime
Record the time spent programming every day, it can help record and store metrics and analysis about programming activities
17、Path Intellisense
The plug-in automatically prompts for file paths and supports the rapid introduction of various files, which is very convenient.
18、IntelliSense for CSS class names in HTML
Ability to complete the name of CSS classes in HTML based on definitions in the workspace
19、 Beautify css/sass/scss/less
Beautify CSS, SASS and less code
20、Better Comments
Make comments have humanized highlighting, which is very suitable for teams to highlight key tips.