Heim > Entwicklungswerkzeuge > VSCode > 19 praktische vscode-Entwicklungs-Plug-ins zum Teilen

19 praktische vscode-Entwicklungs-Plug-ins zum Teilen

青灯夜游
Freigeben: 2022-09-19 20:14:03
nach vorne
3763 Leute haben es durchsucht

Wenn ein Arbeiter seine Arbeit gut machen will, muss er zuerst seine Werkzeuge schärfen. In diesem Artikel werden 19 vscode-Plugins, die ich in der Entwicklung verwende, zusammengefasst und mit Ihnen geteilt. Ich hoffe, dass er für alle hilfreich ist!

19 praktische vscode-Entwicklungs-Plug-ins zum Teilen

1: Chinesisch (vereinfachtes) Sprachpaket Chinesisches Sprach-Plug-in

Chinesisches (vereinfachtes) Sprachpaket für VS-Code

Dieses chinesische (vereinfachte) Sprachpaket bietet eine lokalisierte Schnittstelle für VS-Code. [Empfohlenes Lernen: „Vscode-Einführungs-Tutorial“]

Für Leute wie mich, die durchschnittliches Englisch sprechen, ist dieses Plug-in sehr benutzerfreundlich.

19 praktische vscode-Entwicklungs-Plug-ins zum Teilen

2: Code Runner Code Runner

Führen Sie Codeschnipsel oder Codedateien in mehreren Sprachen aus: 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, Scheme, AutoHotkey, AutoIt, Kotlin, Dart, Free Pascal, Haskell, Nim, D, Lisp, Kit, V, SCSS, Sass, CUDA und benutzerdefinierte Befehle

19 praktische vscode-Entwicklungs-Plug-ins zum Teilen

Dieses Zeug nützt mir bisher nicht viel.

3: Debugger für Chrome VScode – Chrome Debugger

VS-Code-Erweiterung zum Debuggen von JavaScript-Code in Google Chrome oder anderen Zielen, die das Chrome DevTools-Protokoll unterstützen.

Mit anderen Worten, diese Sache kann unterbrochen werden. Nach der Installation von PHP Debug können Sie PHP debuggen.

19 praktische vscode-Entwicklungs-Plug-ins zum Teilen

4: Debugger für Firefox Firefox-Browser-Debugger

Wie oben, es hat die gleiche Funktion wie das Google Chrome-Plug-in. 5: ESLint-JS-Code-Erkennungs-Plug-in Größe in der unteren linken Ecke

19 praktische vscode-Entwicklungs-Plug-ins zum Teilen

7: IntelliSense für CSS-Klassennamen in HTML

wird für die intelligente Erkennung von CSS-Klassennamen in HTML verwendet.

19 praktische vscode-Entwicklungs-Plug-ins zum Teilen... HTML-Dateien beenden

19 praktische vscode-Entwicklungs-Plug-ins zum Teilen10: Teilweiser Unterschied

Sie können Textauswahlen (Unterschiede) innerhalb einer Datei, zwischen verschiedenen Dateien oder in der Zwischenablage vergleichen.

Textauswahl mit mehreren Cursorn.

Benutzerdefinierte Textnormalisierungsregeln zur Reduzierung von Rauschen in Diffs (z. B. Ersetzen von Tabulatoren durch Leerzeichen).

19 praktische vscode-Entwicklungs-Plug-ins zum Teilen Benutzerdefinierte Textnormalisierungsregeln können deaktiviert werden, ohne sie aus der Konfiguration zu entfernen.

Vergleichen Sie Text in zwei sichtbaren Editoren (z. B. Registerkarten) mit einer Aktion.

11: PHP-Debug19 praktische vscode-Entwicklungs-Plug-ins zum Teilen

PHPxdebug-Plug-in-Unterstützung, Ihre lokale PHP-Umgebung muss xdebug installieren, um die Funktion dieses Plug-ins zu realisieren. Wird für PHP-Breakpoint-Debugging-Code verwendet.

12: PHP Intelephense

PHP-Code-Eingabeaufforderungstool mit Funktionen wie Zahlungscode-Eingabeaufforderungen, Suchdefinitionen, Klassensuche usw., sehr leistungsstark.

Laden Sie das PHP-Intelepense-Plug-in herunter, das eine PHP-Version größer als 7 erfordert, und fügen Sie PHP zu den Systemumgebungsvariablen hinzu.

Dieses Plug-in ist ein Artefakt und muss gut verwendet werden. Hauptsächlich geht es bei f12 um Definition, ein absolutes Artefakt.

119 praktische vscode-Entwicklungs-Plug-ins zum Teilen

13: PHP IntelliSense

PHP IntelliSense-Plug-in. Auch das ist ein Artefakt. Erweiterte Autovervollständigungs- und Refactoring-Unterstützung für PHP

Bei Verwendung müssen Sie den folgenden Code zu Setting.json hinzufügen

"php.validate.executablePath": "D:BtSoftphp72php.exe",

119 praktische vscode-Entwicklungs-Plug-ins zum Teilen

14: Vue VSCode Snippets

Geben Sie das VUE-Tag ein und vervollständigen Sie den Code automatisch. Dieses Ding ist ein absolutes Artefakt zur Verbesserung der Entwicklungseffizienz. 15: Vetur -icons

119 praktische vscode-Entwicklungs-Plug-ins zum TeilenIcon-Bibliothek für Vscode

17: Path Intellisense

119 praktische vscode-Entwicklungs-Plug-ins zum TeilenVisual Studio Code-Plugin für die automatische Vervollständigung von Dateinamen.

Muss in Settings.json hinzugefügt werden:
{ "typescript.suggest.paths": false }
Nach dem Login kopieren

18: PHP Extension Pack119 praktische vscode-Entwicklungs-Plug-ins zum Teilen

enthält die wichtigsten Erweiterungen zum Starten der PHP-Entwicklung in Visual Studio Code.

19: PHP-Namespace-Resolver

119 praktische vscode-Entwicklungs-Plug-ins zum TeilenDer PHP-Namespace-Resolver kann Klassen importieren und erweitern. Importierte Klassen können auch nach Zeilenlänge oder alphabetisch sortiert werden.

Die oben genannten sind im Grunde alle Plug-Ins, die derzeit in meinem vscode-Editor installiert sind, mit Ausnahme des PHP-Debugs, das ich nicht verstehe, der Rest ist sehr nützlich.

Weitere Informationen zu VSCode finden Sie unter:

vscode-Tutorial119 praktische vscode-Entwicklungs-Plug-ins zum Teilen!

Das obige ist der detaillierte Inhalt von19 praktische vscode-Entwicklungs-Plug-ins zum Teilen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:juejin.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage