Einige wichtige VSCode-Plug-Ins zur Verbesserung der Entwicklungseffizienz (Teilen)

Dieser Artikel empfiehlt einige VSCode Plugins zur Verbesserung der Effizienz. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird für alle hilfreich sein.

Visual Studio Code-Plug-in, ein Muss zur Verbesserung der Effizienz ~

Verwandte Empfehlungen: „ Vscode-Tutorial zur grundlegenden Verwendung “

Unser VSC (VSCode) wird so aussehen ein fünf Jahre alter VSCode Wie ein Einhorn, das nur Laser schießen kann! Was folgt, ist eine Liste sehr nützlicher Plugins, die ich täglich verwende.

Wenn Sie noch neu bei VSC sind, dann klicken Sie auf die untere Schaltfläche links, um das Plugin zu installieren.

1. Material Theme Downloads: 1,3 Millionen

Das älteste Theme von Visual Studio Code!

2. Automatischer Import Downloads: 460.000

Automatische Suche, Analyse und anschließende Bereitstellung der Code-Vervollständigung. Für TypeScript und TSX funktioniert dies.

3. Importkosten Downloads: 410.000

Dieses Plug-in zeigt die Größe des importierten Pakets am Ende der Zeile an. Zur Berechnung der Bundle-Größe verwendet das Plugin Webpack und babili-webpack-plugin.

Indent-Rainbow

Downloads: 130.000

Ein einfaches Plug-in kann die Ausrichtung besser lesbar machen.

4. IntelliSense für CSS-Klassennamen in HTML Downloads: 2,43 Millionen

Basierend auf Ihrem Projekt und externen Dateien, auf die über das link -Tag verwiesen wird, bietet dieses intelligente Plug-in HTML-Vervollständigung von CSS-Klassennamen. link 标签引用的外部文件，该智能插件提供 HTML 中 CSS class 名字的补全。

5、SVG Viewer 下载量：29 万

一个用来预览 SVG 的插件。

6、Prettier 下载量：357 万

你绝对不能少了这个插件，你需要它来一键美化你的 JavaScript/TypeScript/CSS 代码。

7、React Native Tools 下载量：218 万

代码提示、Debugging、集成 RN 的命令。

8、Sublime Text Keymap and Settings Importer 下载量：76 万

从下载量来看，看来不少人从 Sublime Text 转移过来了。

这个插件将 visual studio code 的快捷键绑定改成了和 Sublime Text 3 一样。你可以试一试：cmd + P (Mac)，ctrl + P (Windows)。

你可以跳转到文件，如果在搜索前添加 >

5, SVG Viewer Downloads: 290.000

Ein Plug-in zur Vorschau von SVG.

6, Prettier Downloads: 3,57 Millionen Ohne dieses Plug-in können Sie auf keinen Fall leben. Sie benötigen es, um Ihren JavaScript-/TypeScript-/CSS-Code mit einem Klick zu verschönern.

🎜🎜7, React Native Tools🎜🎜🎜Downloads: 218 Tausende von 🎜🎜Code-Eingabeaufforderungen, Debugging und integrierten RN-Befehlen. 🎜🎜 🎜🎜🎜8、Sublime Text Keymap und Settings Importer🎜🎜🎜Herunterladen Volumen: 760.000 🎜🎜 Dem Download-Volumen nach zu urteilen, scheinen viele Leute von Sublime Text gewechselt zu sein. 🎜🎜 🎜🎜Dieses Plug-in ändert die Tastenkombination von Visual Studio-Code Entspricht Sublime Text 3. Sie können Folgendes versuchen: cmd + P (Mac), Strg + P (Windows). 🎜🎜 🎜🎜Sie können zur Datei springen, wenn Sie vor der Codesuche >-Symbol können Sie sogar nach Aktionen suchen, z. B. dem Öffnen des integrierten Terminals, der Installation von Plug-Ins usw. 🎜🎜Für diejenigen, die es gewohnt sind, ST3 zu verwenden, ist dies ein großes Plus. 🎜🎜🎜9. npm Intellisense🎜🎜🎜Downloads: 880.000🎜🎜Das VSCode-Plug-in kann npm-Modulnamen in Importanweisungen automatisch vervollständigen. 🎜🎜🎜🎜🎜🎜10. lit-html🎜🎜🎜Downloads: 30.000🎜🎜Wenn in JavaScript-/TypeScript-Dateien HTML-Tags verwendet werden, bietet lit-html Syntaxhervorhebung und entsprechende Vervollständigungsunterstützung. 🎜

12. Highlight-Matching-Tag Downloads: 60.000

Dies sollte eine Funktion sein, die VSCode standardmäßig bereitstellen sollte und die passende Tags hervorhebt.

13, GitLens Downloads: 7,72 Millionen

Sag nichts, lade einfach das Bild hoch!

14. Git-Projektmanager Downloads: 370.000

Mit dem Git-Projektmanager können Sie ein Projekt basierend auf der Git-Verwaltung mit einem Klick direkt suchen und öffnen.

15. Git-Verlauf Downloads: 3,32 Millionen

Wird verwendet, um das Git-Protokoll oder den Git-Verlauf einer Datei anzuzeigen, verschiedene Zweige und Commits zu vergleichen.

16. Datei-Utilities Downloads: 80.000

Bietet eine übersichtlichere Möglichkeit zum Erstellen, Kopieren, Verschieben, Umbenennen und Löschen von Dateien/Ordnern.

17, Bracket Pair Colorizer Downloads: 2,28 Millionen

Wenn Ihr Code viele Rückrufe enthält, kann Ihnen diese Art der Hervorhebung dabei helfen, verschiedene Codeblöcke besser zu unterscheiden.

18, Farbhervorhebung Downloads: 250.000

Zeigen Sie die von Ihnen definierten Farben visuell an.

19, CSS Peek Downloads: 230.000

Sie können die Definition in HTML nach CSS-ID oder Klasse finden.

20, Debugger für Chrome Downloads: 11,11 Millionen

Verwenden Sie Chrome zum Debuggen Ihres JavaScript-Codes oder anderer Plattformen, die das Chrome Debugger-Protokoll unterstützen.

21, Quokka.js Downloads: 1,72 Millionen

JavaScript-Code in Echtzeit ausführen (nützlich für schnelle Demos).

22. Nachgestellte Leerzeichen Downloads: 70.000

Markieren Sie diese überflüssigen Leerzeichen und löschen Sie sie schnell.

23, TypeScript Hero Downloads: 720.000

Kinderschuhe zur Unterstützung bei der TypeScript-Programmierung!

24, WakaTime Downloads: 240.000

Generieren Sie Datenberichte aus Ihren Nutzungsgewohnheiten.

25, Vetur Downloads: 4,51 Millionen

VS Code Vue-Tool unten! Es wurde von Pine Wu entwickelt und hat mehr als 4 Millionen Downloads gesammelt!

26, Code Runner Downloads: 3,46 Millionen

Unterstützt die sofortige Ausführung von Code in mehreren Sprachen. Unterstützte Sprachen: C, C++, Java, JavaScript, PHP, Python, Perl, Perl 6, Ruby, Go, Lua, Groovy, PowerShell, BAT/CMD, BASH/SH, F#-Skript, F# (.NET Core), C#-Skript , 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 Millionen

28, vscode-icons Downloads: 7,99 Millionen

Icon-Sammlung.

29, Jest Downloads: 290.000

Viel Spaß beim Verwenden von Jest auf Facebook.

30, React.js-Codeschnipsel Downloads: 590.000

Es ist sehr praktisch, die ES6-Syntax zum Entwickeln von React.js-Anwendungen zu verwenden.

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

Für mehr Programmierkenntnisse besuchen Sie bitte: Website zum Programmieren ! !

Einige wichtige VSCode-Plug-Ins zur Verbesserung der Entwicklungseffizienz (Teilen)

In Verbindung stehende Artikel