Inhaltsverzeichnis
1: Chinesisch (vereinfachtes) Sprachpaket Chinesisches Sprach-Plug-in
2: Code Runner Code Runner
3: Debugger für Chrome VScode – Chrome Debugger
4: Debugger für Firefox Firefox-Browser-Debugger
7: IntelliSense für CSS-Klassennamen in HTML
Sie können Textauswahlen (Unterschiede) innerhalb einer Datei, zwischen verschiedenen Dateien oder in der Zwischenablage vergleichen.
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
13: PHP IntelliSense
14: Vue VSCode Snippets
Heim Entwicklungswerkzeuge VSCode 19 praktische vscode-Entwicklungs-Plug-ins zum Teilen

19 praktische vscode-Entwicklungs-Plug-ins zum Teilen

Aug 18, 2022 pm 08:43 PM
vscode

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!

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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Wie man alles in Myrise freischaltet
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

So zeigen Sie Word-Dokumente in vscode an. So zeigen Sie Word-Dokumente in vscode an So zeigen Sie Word-Dokumente in vscode an. So zeigen Sie Word-Dokumente in vscode an May 09, 2024 am 09:37 AM

Öffnen Sie zunächst die vscode-Software auf dem Computer, klicken Sie links auf das Symbol [Erweiterung], wie in ① in der Abbildung gezeigt. Geben Sie dann [officeviewer] in das Suchfeld der Erweiterungsoberfläche ein, wie in ② in der Abbildung gezeigt Wählen Sie dann aus der Suche [officeviewer] aus, um die Ergebnisse zu installieren, wie in ③ in der Abbildung gezeigt. Öffnen Sie schließlich die Datei, z. B. docx, pdf usw., wie unten gezeigt

So zeichnen Sie ein Flussdiagramm mit vscode_So zeichnen Sie ein Flussdiagramm mit visual_studio-Code So zeichnen Sie ein Flussdiagramm mit vscode_So zeichnen Sie ein Flussdiagramm mit visual_studio-Code Apr 23, 2024 pm 02:13 PM

Öffnen Sie zunächst den Visual Studio-Code auf dem Computer, klicken Sie auf die vier quadratischen Schaltflächen auf der linken Seite, geben Sie dann draw.io in das Suchfeld ein, um das Plug-In abzufragen, und klicken Sie auf „Installieren“. Erstellen Sie dann eine neue test.drawio-Datei Wählen Sie die Datei „test.drawio“ aus und rufen Sie den Bearbeitungsmodus auf der linken Seite auf. Klicken Sie nach dem Zeichnen auf „Datei“ → „Einbetten“ und dann auf „SVG kopieren“. Code. Fügen Sie den kopierten SVG-Code in den HTML-Code ein. Klicken Sie auf das Bild auf der Webseite. Auf dieser Seite können Sie hinein- und herauszoomen Hier klicken wir auf das Bleistiftmuster in der unteren rechten Ecke, um zur Webseite zu springen.

Caltech-Chinesen nutzen KI, um mathematische Beweise zu untergraben! Beschleunigen Sie 5-mal schockiert Tao Zhexuan, 80 % der mathematischen Schritte sind vollständig automatisiert Caltech-Chinesen nutzen KI, um mathematische Beweise zu untergraben! Beschleunigen Sie 5-mal schockiert Tao Zhexuan, 80 % der mathematischen Schritte sind vollständig automatisiert Apr 23, 2024 pm 03:01 PM

LeanCopilot, dieses formale Mathematikwerkzeug, das von vielen Mathematikern wie Terence Tao gelobt wurde, hat sich erneut weiterentwickelt? Soeben gab Caltech-Professorin Anima Anandkumar bekannt, dass das Team eine erweiterte Version des LeanCopilot-Papiers veröffentlicht und die Codebasis aktualisiert hat. Adresse des Bildpapiers: https://arxiv.org/pdf/2404.12534.pdf Die neuesten Experimente zeigen, dass dieses Copilot-Tool mehr als 80 % der mathematischen Beweisschritte automatisieren kann! Dieser Rekord ist 2,3-mal besser als der vorherige Basiswert von Aesop. Und wie zuvor ist es Open Source unter der MIT-Lizenz. Auf dem Bild ist er Song Peiyang, ein chinesischer Junge

So fügen Sie Dateien zum vscode-Arbeitsbereich hinzu. So fügen Sie Dateien zum vscode-Arbeitsbereich hinzu So fügen Sie Dateien zum vscode-Arbeitsbereich hinzu. So fügen Sie Dateien zum vscode-Arbeitsbereich hinzu May 09, 2024 am 09:43 AM

1. Öffnen Sie zunächst die vscode-Software, klicken Sie auf das Explorer-Symbol und suchen Sie das Arbeitsbereichsfenster. 2. Klicken Sie dann auf das Dateimenü in der oberen linken Ecke und suchen Sie nach der Option „Ordner zum Arbeitsbereich hinzufügen“. 3. Suchen Sie schließlich den Speicherort des Ordners im Klicken Sie auf der lokalen Festplatte auf die Schaltfläche „Hinzufügen“.

So aktivieren Sie Hintergrundaktualisierungen in vscode. So aktivieren Sie Hintergrundaktualisierungen in vscode So aktivieren Sie Hintergrundaktualisierungen in vscode. So aktivieren Sie Hintergrundaktualisierungen in vscode May 09, 2024 am 09:52 AM

1. Klicken Sie nach dem Öffnen der Benutzeroberfläche zunächst auf das Dateimenü in der oberen linken Ecke. 3. Klicken Sie dann auf die Schaltfläche „Einstellungen“, die angezeigt wird. 4. Klicken Sie abschließend mit der Maus, um die Schaltfläche „Laden Sie die neue VSCode-Version herunter“ im Hintergrund unter Windows zu aktivieren und zu aktivieren, und starten Sie das Programm neu.

So deaktivieren Sie die WSL-Konfigurationsdatei in vscode. So deaktivieren Sie die WSL-Konfigurationsdatei in vscode So deaktivieren Sie die WSL-Konfigurationsdatei in vscode. So deaktivieren Sie die WSL-Konfigurationsdatei in vscode May 09, 2024 am 10:30 AM

1. Öffnen Sie zunächst die Option „Einstellungen“ im Einstellungsmenü. 2. Suchen Sie dann die Spalte „Terminal“ auf der häufig verwendeten Seite. 3. Deaktivieren Sie abschließend die Schaltfläche „usewslprofiles“ auf der rechten Seite der Spalte.

So stellen Sie das sanfte Einfügen von Animationen in VScode ein VScode-Tutorial zum Festlegen des sanften Einfügens von Animationen So stellen Sie das sanfte Einfügen von Animationen in VScode ein VScode-Tutorial zum Festlegen des sanften Einfügens von Animationen May 09, 2024 am 09:49 AM

1. Klicken Sie nach dem Öffnen der Benutzeroberfläche zunächst auf die Arbeitsbereichsoberfläche. 2. Klicken Sie dann im geöffneten Bearbeitungsbereich auf das Menü „Datei“. 3. Klicken Sie dann auf die Schaltfläche „Einstellungen“ in der Spalte „Einstellungen“. 4. Klicken Sie abschließend mit der Maus, um die CursorSmoothCaretAnimation zu überprüfen Klicken Sie auf die Schaltfläche und speichern Sie es. Stellen Sie es einfach ein

So öffnen Sie Arbeitsbereichs-Vertrauensberechtigungen in Vscode Vscode-Methode zum Öffnen von Arbeitsbereichs-Vertrauensberechtigungen So öffnen Sie Arbeitsbereichs-Vertrauensberechtigungen in Vscode Vscode-Methode zum Öffnen von Arbeitsbereichs-Vertrauensberechtigungen May 09, 2024 am 10:34 AM

1. Klicken Sie nach dem Öffnen des Bearbeitungsfensters zunächst auf das Konfigurationssymbol in der unteren linken Ecke. 2. Klicken Sie dann im sich öffnenden Untermenü auf die Schaltfläche „Vertrauen im Arbeitsbereich verwalten“. Abschließend prüfen Sie je nach Ihrem Büro bei Bedarf einfach die entsprechenden Anweisungen

See all articles