Teilen Sie einige häufig verwendete Plug-Ins für die VSCode-Entwicklung

In diesem Artikel werden einige VSCodehäufig verwendete Plug-Ins vorgestellt und mit Ihnen geteilt, die für die Entwicklung unerlässlich sind. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird für alle hilfreich sein.

Verwandte Empfehlungen: „vscode-Tutorial“

Muss gängige Plug-Ins für Visual Studio Code haben

Red wird dringend empfohlen und sollte nicht verpasst werden o(∩_∩)o 红色为强力推荐，不容错过 o(∩_∩)o

---

• Chinese (Simplified) Language Pack for Visual Studio Code
  简体中文包

• Prettier - Code formatter
  最强格式化，不接受反驳（在应用商店中卸载JS-CSS-HTML Formatter

• Chinesisches (vereinfachtes) Sprachpaket für Visual Studio Code Vereinfachtes Chinesisch-Sprachpaket
  

• Prettier - Code-Formatierer Die stärkste Formatierung, Es wird keine Widerlegung akzeptiert (in der Anwendung JS-CSS-HTML Formatter im Store deinstallieren, um automatische Formatierung beim Speichern zu vermeiden)
  

• HTML-Snippets Super praktische und einfache H5-Code-Snippets und Tipps
  

• Code Runner Kompilieren Sie den Code und führen Sie ihn aus, um die Ergebnisse anzuzeigen, unterstützt viele Sprachen
  

• GitLens Umfangreiches Git-Log-Plug-in
  

• vetur High-Vue-Syntax Bright, Intelligent Sense, Emmet Wait
  

• HTML-CSS-Unterstützung Lassen Sie die auf dem HTML-Tag geschriebene Klasse die vom aktuellen Projekt unterstützten Stile intelligent anfordern. Die neue Version unterstützt bereits das Abrufen von SCSS-Dateien, was auch eines der unverzichtbaren Plug-Ins ist. Sehr praktisch [HTML/XML]
  

• Tag automatisch umbenennen Ändern Sie das HTML-Tag und helfen Sie Ihnen automatisch, die synchrone Änderung des schließenden Tags abzuschließen
  

• Path Intellisense Path Intelligent Tips
  

• JavaScript (ES6)-Codeschnipsel Dieses Plugin bietet ES6-Syntaxunterstützung für JavaScript, TypeScript, HTML, React und Vue.
  

• Live Server Browser wird in Echtzeit aktualisiert. Klicken Sie mit der rechten Maustaste auf „Mit Live-Server öffnen“, um
  

• im Browser öffnen zu öffnen Klammern haben unabhängige Farben, die leicht zu unterscheiden sind. Kann mit jedem Thema verwendet werden.
  

ESLint

• ESLint-Codeerkennung und -überprüfung
  

vscode-icon

• Fügen Sie Symbole zum vscode-Ressourcenbaumverzeichnis hinzu, ein unverzichtbares Produkt!
  

Debugger für Chrome

• Lassen Sie vscode die Debug-Funktion von Chrome zuordnen. Wirklich 666~
  

IntelliSense für CSS-Klassennamen in HTML

• Intelligente Eingabeaufforderungen für die Namen in den CSS-Dateien im Projekt in HTML
  

minapp

• Intelligente Vervollständigung von WeChat-Applet-Tags und -Attributen (unterstützt auch native Applet-, MPvue- und Wepy-Frameworks und stellt Snippets bereit)
  

CSS Peek

• Verfolgen Sie die Stelle, an der die CSS-Klasse im Stylesheet definiert ist. Strg + linke Maustaste auf Klasse klicken oder rechte Maustaste „Zur Definition springen (F12)“
  
  

Manta's Stylus Supremacy

• Formatierungsstift
  

  jQuery-Codeausschnitte
• jquery Notwendig für schwere Patienten

  
  

  Klassenautovervollständigung für HTML
• Freunde, die HTML-Code schreiben, haben ein großes Problem mit HTML-Code, nämlich der Duplizierung Das manuelle Tippen ist nicht nur ermüdend, sondern wirkt sich auch auf den Fortschritt des Projekts aus js, was sehr praktisch ist Verwenden Sie als integrierte Formatierung

  
  

  HTMLHint
• HTML-Code-Erkennung

  
  

  VSCode Great Icons
• Ein weiteres Ressourcenbaumverzeichnissymbol

  
  

  colorize
• fügt dem aktuellen passenden Code einen Hintergrund hinzu Farbe zum Farbcode, sehr gut

• Farbinfo
  bietet Ihnen Informationen zur Verwendung von Farben in CSS. Sie können eine Vorschau der Farbmodellinformationen (HEX, RGB, HSL und CMYK) im Farbblock anzeigen, indem Sie einfach den Cursor über die Farbe bewegen.

• vscode-fileheader
  Die Top-Kommentarvorlage kann den Autor, die Zeit und andere Informationen definieren und aktualisiert automatisch die letzte Änderungszeit

• Document This
  js-Kommentarvorlage (Hinweis: die neue Version von vscode ist bereits nativ. Geben Sie die Registerkarte /** für die Funktion ein

• Bootstrap 3 Sinnpet Häufig verwendet Sie können Bootstrap herunterladen
  

• VueHelper Vue-Code-Tipps
  

• Lesezeichen Ein Lesezeichen-Tool ist weiterhin erforderlich
  

• tortoise-svn Integrierte SVN-Plugins
  

• Empfohlenes Design

  Hinweis: Stellen Sie den Schalter in
  Dateieinstellungen – Farbdesign ein

Weitere Programmierkenntnisse finden Sie unter:

Einführung in die Programmierung

! !

Das obige ist der detaillierte Inhalt vonTeilen Sie einige häufig verwendete Plug-Ins für die VSCode-Entwicklung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!