Some VSCode essential plug-ins to improve development efficiency (share)

This article recommends some VSCode plugins to improve efficiency. There is a certain reference value, friends in need can refer to it, I hope it will be helpful to everyone.
Visual Studio Code plug-in, necessary to improve efficiency~



Related recommendation: "Vscode Basic Usage Tutorial"

Our VSC (VSCode) will be like a unicorn with five long lasers! Next, I will introduce the very useful plugins I use every day.

If you are still a newbie to VSC, click the button at the bottom left to install the plugin.



1. Material Theme
downloads: 1.3 million

Visual Studio Code's oldest theme!



2. Auto Import
downloads: 460,000

automatically find, analyze, and provide code completion. For TypeScript and TSX, applicable.



3. Import Cost
downloads: 410,000

The plugin will display the size of the imported package at the end of the line. In order to calculate the package size, the plugin uses Webpack and babili-webpack-plugin.

Indent-Rainbow

downloads: 130,000

A simple plug-in can make alignment more readable.



4. IntelliSense for CSS class names in HTML
downloads: 2.43 million

Based on your project and external files referenced by link tags, this smart plug-in provides the completion of CSS class names in HTML.



5. SVG Viewer
Downloads: 290,000

A plug-in for previewing SVG.



6. Prettier
downloads: 3.57 million

You must not miss this plug-in, you need it to beautify your JavaScript/TypeScript/CSS code with one click.



7.
Downloads of React Native Tools : 2.18 million

Code prompts, Debugging, and integrated RN commands.



8.
Downloads of Sublime Text Keymap and Settings Importer : 760,000

Judging from the downloads, it seems that many people have transferred from Sublime Text.



This plugin changes the shortcut key binding of visual studio code to the same as Sublime Text 3. You can give it a try: cmd + P (Mac), ctrl + P (Windows).



You can jump to the file. If you add the> symbol before the search, you can even search for actions, such as opening the built-in terminal, installing plug-ins, and so on.

For people who are accustomed to using ST3, this is a big plus.

9. npm Intellisense
downloads: 880,000

VSCode plug-ins can automatically complete the npm module name in the import statement.



10. lit-html
downloads: 30,000

In JavaScript/TypeScript files, if HTML tags are used, lit-html provides syntax highlighting and corresponding completion support.



12. Highlight -matching-tag
downloads: 60,000

This should be a function that VSCode should provide by default, highlight matching tags.



13. GitLens
downloads: 7.72 million

Don't say anything , just go to the picture!



14. Git Project Manager
downloads: 370,000

Git Project Manager allows you to search and open a project based on Git management directly with one click.



15. Git History
downloads: 3.32 million It is

used to view git log or the git history of a file, compare different branches and commits.



16. File Utils
downloads: 80,000

Provides a more concise way to create, copy, move, rename, and delete files/folders.



17. Bracket Pair Colorizer
downloads: 2.28 million

If your code has a lot of callbacks, then this kind of highlighting can help you better distinguish between different code blocks.



18. Color Highlight
downloads: 250,000

Visually display the colors you define.



19. CSS Peek
downloads: 230,000

. Its definition can be located in HTML through CSS id or class.



20. Debugger for Chrome
downloads: 11.11 million

Use Chrome to debug your JavaScript code, or other platforms that support the Chrome Debugger protocol.



21. Quokka.js
downloads: 1.72 million

Real-time JavaScript code execution (useful for quick demos).



22. Trailing Spaces
downloads: 70,000

Highlight those redundant spaces and delete them quickly.



23.
Downloads of TypeScript Hero : 720,000

Children's shoes that assist with TypeScript programming!



24. WakaTime
downloads: 240,000

. Generate data reports from your usage habits.



25. Vetur
downloads: 4.51 million

Vue tools under VS Code! Developed by Pine Wu, it has accumulated more than 4 million downloads!



26.
Downloads of Code Runner : 3.46 million

Supports immediate execution of codes in multiple languages. Supported languages: C, C++, Java, JavaScript, PHP, Python, Perl, Perl 6, Ruby, Go, Lua, Groovy, PowerShell, BAT/CMD, BASH/SH, F# Script, F# (.NET Core), C# Script, C# (.NET Core), VBScript, TypeScript, CoffeeScript, Scala, Swift, Julia, Crystal, OCaml Script, R, AppleScript, Elixir, Visual Basic .NET, Clojure, Haxe, Objective-C, Rust, Racket, AutoHotkey , AutoIt, Kotlin, Dart, Free Pascal, Haskell, Nim, D.



27. PHP IntelliSense
downloads: 4.15 million



28. vscode-icons
downloads: 7.99 million

Icon collections.



29. Jest
downloads: 290,000

Use Facebook's Jest happily.



30.
Downloads of React.js code snippets : 590,000 It

is very convenient to develop React.js applications with ES6 syntax.



English | https://blog.fundebug.com/2018/07/24/vs-extensions/