preface
VS Code is getting better and better, and over the past six months I’ve collected a bunch of plugins that I think are useful.
The plug-in set
The front area
- Dependency Analytics: Analyze NPM module dependencies in the project and give intuitive data feedback (package security issues, etc.)
- Gitmoji Commit: the default
emojiTemplate input, fastcommit - Xml Complete: Xml intelligent completion, even if it follows a similar protocol
- BEM Helper: CSS BEM Helper for creating classes
- JavaScript Code Snippet: Install this, can not install another GM
js snippetThe support language is comprehensive - Umi Pro: provide
umi jsFramework intelligent tips, including completion, jump, reference view - React Hooks Snippets: the React built-in
HooksA fewsnippet - perfect-css-modules ：
css moduleExperience bonus, hover hints, intelligent hints, reference jump - CSS Navigation: Get CSS definition (jump or hover), supported
HTML/JSX/TSX, and the name of the class, which is great - VSCode React Refactor: It is easy to Refactor the React component code
- fabulous: Visual editing
css, scss, js, jsx ,tsxFile style, very convenient! - Angular Inject Service: Service injection Intelligent prompt completion
- Browser Preview: Really powerful web Preview (go built-in non-external Browser), support breakpoint debugging
- Copilot for VS Code: very intuitive display of combing the state container data tree, front-end partners must install
- ReactION: Preview the React component in real time
- Highlight Matching Tag: Label matching highlighting, supported
JSX, HTMLAnd the mainstreamvue,ng - Changelog: You can view the information about changelog released by the installation package on Github
- Better package.json: You can visually see how many versions are removed from the current installed version and the version you expect to see
- Color Manager: a very cool Color management plug-in, very powerful
- Intelli RefactorProvide similar to
JetBrainThe fast code refactoring feature of - NestJs Snippets :
NGThe visual senseNodeJSFrame, commonly used all say good!!
The editor
- Dotfiles Syntax HighlightingPreview: Common hidden file Syntax highlighting, very useful.
- File Brace Expansion: Useful for quickly creating multiple files based on suffix names
- Auto-header: a small configurable file header injection that feels good to use
- License Header Manager: quickly generates customized protocol content, which is especially suitable for open source projects
- Syntax Highlighter: Syntax Highlighter: used before you know!
- Code Time: Keep track of your programming Time.
- Task Explorer: A global Task manager that supports the identification of multiple Task scripts
- TabNine: Intelligent hints based on deep learning training model are very practical and accurate
- Pomodoro: No bells and whistles, the most practical tomato countdown, matched within the edit
zenPattern, perfect
Git
- Git Graph: a graphical
git log, also supports code comparison - Git File History: Dynamically view the History of Git files, such as changes to code areas! Very cool!
regular
- RegExp Preview and Editor: Regular visualization parses the matching process
- Any-rule: Quickly view and reference commonly used res
The theme
- Dainty: It’s a great theme, bright colors and dark colors
- 2077 Theme: Dark Theme with high contrast. It feels good to use it
- Universe: A soft dark theme. I love it.
- Umi: It’s a very soft theme
- Min Theme: Very good two-tone Theme style
- Snazzy Plus: A nice dark theme with several styles built in
- Hypersubatomic: High contrast theme style, very beautiful
- VSCode Great Icons: a beautiful file icon theme