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

This article recommends some VSCode plug-ins to improve efficiency. It has certain reference value. Friends in need can refer to it. I hope it will be helpful to everyone.

Visual Studio Code plug-in, a must-have to improve efficiency~

Related Recommended: " vscode Basics Tutorial "

Our VSC (VSCode) will be like a unicorn with five lasers! What follows is a list of very useful plugins that I use every day.

If you are still new to VSC, click the bottom button on the left to install the plug-in.

1. Material Theme Downloads: 1.3 million

Visual Studio Code’s oldest theme!

2. Auto Import Downloads: 460,000

Automatically search, analyze, and then provide code completion. For TypeScript and TSX, this works.

3. Import Cost Downloads: 410,000

The plug-in will display the import at the end of the line The size of the package. To calculate bundle 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 Projects and external files referenced through the link tag, this smart plug-in provides 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 absolutely cannot live without this plug-in. You need it to beautify your JavaScript/TypeScript/CSS code with one click.

7、React Native Tools Downloads: 2.18 million

Code tips, debugging, integrated RN The command.

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

Comes from downloads Look, it looks like a lot of people have moved over from Sublime Text.

This plug-in changes the shortcut key bindings of visual studio code to the same as Sublime Text 3. You can try: cmd P (Mac), ctrl P (Windows).

You can jump to files, and if you add the > symbol before the search, you can even search for actions, such as opening the built-in terminal, installing Plugins and more.

For those who are used to using ST3, this is a big plus.

9. npm Intellisense Downloads: 880,000

The VSCode plug-in 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 have been provided by VSCode by default function to highlight matching tags.

13. GitLens Downloads: 7.72 million

Don’t say anything, just upload the picture!

14. Git Project Manager Downloads: 370,000

Git Project Manager Yes Then you can directly search and open a project managed based on Git with one click.

15. Git History Downloads: 3.32 million

Used to view git log or a Git history of files, comparing different branches, commits.

16. File Utils Downloads: 80,000

provides a more concise method. Create, copy, move, rename, delete files/folders.

17. Bracket Pair Colorizer Downloads: 2.28 million

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

18. Color Highlight Downloads: 250,000

Visually display the colors you define.

19, CSS Peek Downloads: 230,000

You can use CSS id or Then class to locate its definition.

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

Execute JavaScript code in real time (do fast The demo is very useful).

22. Trailing Spaces Downloads: 70,000

Highlight those redundant spaces, Can be deleted quickly.

23. TypeScript Hero Downloads: 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

The Vue tool below VS Code! Developed by Pine Wu, it has accumulated more than 4 million downloads!

26, Code Runner Downloads: 3.46 million

Supports immediate execution of code 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 collection.

29, Jest Downloads: 290,000

Have fun using Jest for Facebook.

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

It is very convenient to use ES6 syntax to develop React.js applications .

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

More For more programming-related knowledge, please visit: programming learning website ! !

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

Related articles