Verwandte Empfehlungen: „vscode-Tutorial“
Visual Studio Code ist ein leichter, aber leistungsstarker Quellcode-Editor. Leichtgewichtig bedeutet, dass der heruntergeladene Vs-Code tatsächlich ein einfacher Editor ist. Leistungsstark bezieht sich auf die Erweiterung von Umgebungs-Plug-Ins Unterstützt mehrere Sprachen. Gerade aufgrund dieser Unterstützung für die Entwicklung von Plug-in-Installationsumgebungen ist Vs Code zur dominierenden Entwicklungssprache geworden, wodurch die gleichzeitige Unterstützung der Entwicklung mehrerer Sprachen ermöglicht wird.
Wie das Sprichwort sagt: Wenn ein guter Arbeiter seine Arbeit gut machen will, muss er zuerst seine Werkzeuge schärfen. Als alter Vs-Code-Benutzer denke ich, dass die Installation einiger nützlicher Plug-Ins meine tägliche Entwicklungseffizienz erheblich verbessern kann Das Folgende ist, was ich in meinem täglichen Leben empfehle. Einige Plug-Ins, die in der Entwicklung häufig verwendet werden und sich gut anfühlen, werden gleichzeitig kontinuierlich aktualisiert. Wenn Sie der Meinung sind, dass es gute Plug-Ins gibt, die ich hier nicht erwähnt habe, können Sie dies tun Hinterlassen Sie unten eine Nachricht und ich werde sie hinzufügen.
https://code.visualstudio.com/
https: // github.com/Microsoft/vscode
https://marketplace.visualstudio.com/
Tastenkombination: Strg+Umschalt+X, um das Erweiterungsfenster aufzurufen und im App Store-Textfeld nach Erweiterungen zu suchen.
Erweiterungsname: Chinesisches (vereinfachtes) Sprachpaket für Visual Studio Code
Plug-in-Marktadresse: https://marketplace.visualstudio.com/ items?itemName=MS-CEINTL.vscode-lingual-pack-zh-hans
Erweiterte Beschreibung: Dieses chinesische (vereinfachte) Sprachpaket bietet eine lokalisierte Schnittstelle für VS Code.
Erweiterungsname: Beautify
Plug-in-Marktadresse: https://marketplace.visualstudio.com/items?itemName=HookyQR.beautify
Erweiterungsbeschreibung: Beautifyjavascript，JSON，CSS，Sass，和HTML Visual Studio-Code.
Erweiterungsname: vscode-icons
Plug-in-Marktadresse: https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons
Erweiterte Beschreibung: vscode-icons kann nicht nur komfortable Symbole zu Ordnern und Dateien hinzufügen, sondern Projekte auch automatisch erkennen und je nach Funktion des Projekts unterschiedliche Symbole hinzufügen, z. B. Git, Markdown, Konfigurationselemente, Werkzeugklassen usw.
Erweiterungsname: Auto-Close-Tag
Plug-in-Marktadresse: https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag
Erweiterungsbeschreibung: Fügen Sie automatisch schließende HTML/XML-Tags hinzu, genau wie bei Visual Studio IDE oder Sublime Text (sehr nützlich für Front-End-Entwicklungspartner).
Erweiterungsname: Better Comments
Plug-in-Marktadresse: https://marketplace.visualstudio.com/items?itemName=aaron-bond.better- Kommentare
Erweiterungsbeschreibung: Mit der Erweiterung „Bessere Kommentare“ können Sie benutzerfreundlichere Kommentare in Ihrem Code erstellen. Mit dieser Erweiterung können Sie Kommentare kategorisieren in: Warnungen, Abfragen, Aufgaben, Hervorhebungen, Auskommentierter Code kann auch so gestaltet werden, dass der Code nicht vorhanden sein sollte. Sie können in den Einstellungen einen beliebigen anderen Kommentarstil festlegen.
Erweiterungsname: ESLint
Plug-in-Marktadresse: https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode- eslint
Erweiterte Beschreibung: ESLint ist ein Codespezifikations- und Fehlerprüfungstool mit den folgenden Funktionen:
1. Sie können jede Regel-API oder Formatter-API aufrufen, um eine Regel oder einen Formatierer zu verpacken oder zu definieren.
2. Jede Regel ist unabhängig
3. Es gibt keinen bestimmten Codierungsstil, Sie können ihn selbst konfigurieren
ESLint-Konfigurationsdetails: https://blog.csdn.net/mafan121/article/details/77965252?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-3.nonecase& Depth_1-utm_source=distribute.pc_relevant.none-task -blog-BlogCommendFromMachineLearnPai2-3.nonecase
Erweiterungsname: GitLens
Plug-in-Marktadresse: https://marketplace. visualstudio.com/items?itemName =eamodio.gitlens
Erweiterungsbeschreibung: GitLens verfügt über die in Visual Studio Code Git integrierten Funktionen. Mit Git-Verantwortungskommentaren und Code-Linsen können Sie die Code-Autorenschaft auf einen Blick erkennen, nahtlos in Git-Repositorys navigieren und diese durchsuchen, mit leistungsstarken Vergleichsbefehlen wertvolle Erkenntnisse gewinnen und vieles mehr.
Vs Code Quellcode-Verwaltungs-Plug-in GitLens-Nutzungsanleitung: https://www.jianshu.com/p/95a1a06ac0fb
Erweiterungsname: Git-Verlauf
Plug -in Marktadresse: https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory
Erweiterte Beschreibung: Git-Verlauf, Suche und mehr (einschließlich Git-Protokoll).
Erweiterungsname: Drawio Preview
Plug-in-Marktadresse: https://marketplace.visualstudio.com/items?itemName=purocean.drawio-preview
Erweiterungsbeschreibung : Vorschau von Zeichnungsdateien in Vs Code.
Verwenden Sie Drawio in Vs-Code: https://blog.csdn.net/huanglin6/article/details/106239570
Erweiterungsname: Path Intellisense
Plug-in-Markt Adresse:https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense
Erweiterungsbeschreibung: Geben Sie den Pfad der entsprechenden Datei in den Editor ein und diese wird automatisch vervollständigt (Module importieren/einführen). in Import und Require sehr praktisch und einfach zu verwenden).
Erweiterungsname: Vetur
Plug-in-Marktadresse: https://marketplace.visualstudio.com/items?itemName=octref.vetur
Erweiterungsbeschreibung: Vue multifunktionales integriertes Plug-in, einschließlich: Syntaxhervorhebung, intelligente Eingabeaufforderungen, Emmet, Fehleraufforderungen, Formatierung, automatische Vervollständigung und Debugger. vscode ist offiziell das Vue-Plug-in, ein Muss für Vue-Entwickler.
Erweiterungsname: vscode-element-helper
Plug-in-Marktadresse: https://marketplace.visualstudio.com/items?itemName=ElemeFE.vscode -element-helper
Erweiterungsbeschreibung: VSCode-Element-Helper ist eine VS-Code-Erweiterung für Element-UI, eine großartige Bibliothek. Immer mehr Projekte nutzen es. Daher soll es Entwicklern helfen, effizienteren Code über Element-UI zu schreiben.
Erweiterungsname: Vue VSCode Snippets
Plug-in-Marktadresse: https://marketplace.visualstudio.com/items?itemName=sdras.vue-vscode-snippets
Erweiterungsbeschreibung: Vue-Syntaxfragmenterweiterung.
Erweiterungsname: C#
Plug-in-Marktadresse: https://marketplace.visualstudio.com/items?itemName=ms-dotnettools.csharp
Erweiterungsbeschreibung: .NET Kern-Lightweight-Entwicklungstools. Leistungsstarke C#-Bearbeitungsunterstützung, einschließlich Syntaxhervorhebung, IntelliSense, Gehe zur Definition, Suche nach allen Referenzen und mehr. Debugunterstützung für .NET Core (CoreCLR). Hinweis: Mono-Debugging wird nicht unterstützt. Unterstützung für das Desktop-CLR-Debugging ist verfügbar. Limit. Project.json- und csproj-Projekte werden unter Windows, macOS und Linux unterstützt.
Um Vs Code zum Entwickeln von .NET Core zu verwenden, lesen Sie diesen Blog: https://www.cnblogs.com/yilezhu/p/9926078.html
Name der Erweiterung: Angular Snippets (Version 9)
Plug-in-Marktadresse: https://marketplace.visualstudio.com/items?itemName=johnpapa.Angular2
Erweiterungsbeschreibung: Diese Erweiterung für Visual Studio Code ist TypeScript und HTML-Snippets für Angular hinzugefügt.
Erweiterungsname: Debugger für Chrome
Plug-in-Marktadresse: https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome
Erweiterungsbeschreibung : Debuggen Sie JavaScript-Code in Chrome oder einem anderen Ziel, das das Chrome Debugger-Protokoll unterstützt.
Erweiterungsname: Code Runner
Plug-in-Marktadresse: https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner
Erweiterte Beschreibung: Führen Sie Codefragmente 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.
Erweiterungsname: TabNine
Plug-in-Marktadresse: https://marketplace.visualstudio.com/items?itemName=TabNine.tabnine-vscode
Erweiterungsbeschreibung : Dies ist der VS-Code-Client für TabNine (Autovervollständiger für alle Sprachen). Um das gesamte Projekt zu indizieren, lesen Sie .gitignore, um zu bestimmen, welche Dateien indiziert werden sollen. Verwenden Sie die mnemonische Vervollständigungs-Engine, um lange Variablennamen mit nur wenigen Tastenanschlägen einzugeben. Nullkonfiguration. TabNine funktioniert sofort nach dem Auspacken. Schnelle Reaktionszeit: Eine Liste mit Vorschlägen wird normalerweise in weniger als 10 Millisekunden erstellt.
Detaillierte Einführung: https://zhuanlan.zhihu.com/p/73811872
Erweiterungsname: Icon Fonts
Plug-in-Marktadresse: https://marketplace. visualstudio.com/items?itemName=idleberg.icon-fonts
Erweiterte Beschreibung: Icon Fonts ist ein Plug-in, das VS-Code-Symbole und Schriftartenabkürzungen bereitstellt. Obwohl es unauffällig aussieht, kann dieses Tool für die Front-End-Entwicklung die Entwicklungseffizienz erheblich verbessern. Durch einige Abkürzungen können Codefragmente im Zusammenhang mit Symbolschriftarten schnell vervollständigt werden, wodurch mehr als 80 % des manuell eingegebenen Inhalts reduziert werden können. Symbolschriftarten unterstützen HTML, CSS, Less, Sass, SCSS, Stylus, JSX, Blade und Vue.
Erweiterungsname: Gitlink
Plug-in-Marktadresse: https://marketplace.visualstudio.com/items?itemName=qezhu .gitlink
Erweiterte Beschreibung: Gitlink ist ein Plug-in, das die Verwendung von VS Code GitHub unterstützt und verbessert.
Es verfügt über die folgenden 2 Funktionen:
Gehen Sie zum Online-Link der aktuellen Datei.
Kopieren Sie den Online-Link der aktuellen Datei in die Zwischenablage.
Weitere Kenntnisse zum Thema Programmierung finden Sie unter: Programmiervideos! !
Das obige ist der detaillierte Inhalt vonEmpfohlene Plug-Ins für die tägliche Entwicklung in VSCode. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
vscode
So führen Sie Code mit vscode aus
Einführung in das von vscode verwendete Framework
Welche Sprache wird im Allgemeinen zum Schreiben von vscode verwendet?
In welcher Sprache kann vscode geschrieben werden?
vscode Chinesische Einstellungsmethode
Einführung in die Verwendung von vscode
Der Unterschied zwischen vscode und Visual Studio
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
