Recently experienced a computer reload!!
The commonly used vscode extensions can be combed again to quickly restore their own development environment in a new environment, restore the original efficiency in a timely manner, and realize the effective use of historical experience
Regular class
GitLens
Quickly view git history
Search node_modules
A quick search for local node_modules~ is very fast when it comes to querying the actual version of the reference library
Relative Path
In case there is a tools,utils, etc., alias is not applicable. It can be used to quickly find the file path and reference the file quickly.
Path Intellisense
Type the path to find
Front-end development uses classes
Auto Rename Tag
Automatically rename paired HTML/XML tag, same as Visual Studio IDE does.
Auto Close Tag
Label closing
Code optimization class
Prettier
Prettier is an opinionated code formatter. It enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary.
Common optimization plug-ins for TS, JSON, less and so on can support;
Beautify
Beautify javascript, JSON, CSS, Sass, and HTML in Visual Studio Code.
Vue development process of HTML newline function
Pretty
Vue development, quotation marks optimization
Garrulous class
Better Comments
Comments are an important part of programming, without which you would never understand your code or anyone else’s.
This extension allows you to organize comments by sorting them into highlighted text, questions, to-do lists, errors/warnings, and strikeouts for easy reading when you view the project later!
To say the least, looking at uncommented code can be tiring!
CSS Peek
Search for the corresponding CSS directly. The CSS supports less and SASS
JavaScript (ES6) code snippets
Shortcut keys, although there are here, but most of them are not commonly used, or write a SNPPET, after all, suitable for their own is the most efficient.
But see if you have a common snippet that isn’t indexed. In case you don’t know it or hard to type code ~
Individual be fond of
Vim
Very powerful tool! After feeling familiar with some aspects than normal development efficiency!
Common questions after vim plug-in installation:
Juejin. Cn/post / 690793…
advice
- Plug-in is still enough for the main, can be less decoration, after all, in order to improve efficiency, installed more cards.
- Different plug-ins are used for different stages of development. Or arrange and delete in time
What other useful plug-ins do you recommend?