Heim > Artikel > Web-Frontend > Welche Vue-Plug-Ins werden in vscode verwendet?
Vue-Entwicklungs-Plug-ins umfassen: 1. „Vetur“, verwendet für Syntaxhervorhebung, intelligente Erkennung usw.; 2. „EsLint“, verwendet für Syntaxfehlerkorrektur; 3. „Path Intellisense“, verwendet für die automatische Pfadvervollständigung ; 4, „HTML-CSS-Unterstützung“; 5. „Verschönern“ usw.
Die Betriebsumgebung dieses Tutorials: Windows7-System, vue2.9.6 und Visual Studio Code Version 1.62.3, DELL G3-Computer.
VSCode Common Vue Development Plug-Ins
Ein unverzichtbares Plug-In:
(1) Vetur – Syntaxhervorhebung, intelligente Wahrnehmung, Emmet usw.
(2) EsLint – Grammatik Fehlerkorrektur. Tastenkombinationseinstellungen: Datei-> Tasten)
(3) Tag automatisch schließen – HTML/XML-Tags automatisch schließen
(4) Tag automatisch umbenennen – die synchrone Änderung des Tags auf der anderen Seite automatisch abschließen)
(5) JavaScript (ES6)-Codefragmente - ES6-Syntax, intelligente Eingabeaufforderungen und schnelle Eingabe, zusätzlich zu js unterstützt es auch .ts, .jsx, .tsx, .html, .vue, wodurch die Zeit für die Konfiguration zur Unterstützung verschiedener Dateien mit js-Code gespart wird
( 6) jQuery-Code-Snippets – intelligente jQuery-Code-Eingabeaufforderungen
(7) Path Intellisense – automatische Pfadvervollständigung
(8) HTML-CSS-Unterstützung – Lassen Sie das HTML-Tag eine Klasse schreiben, um die vom aktuellen Projekt unterstützten Stile intelligent anzufordern
( 9 ) im Browser öffnen – Rechtsklick auf das Projekt, um es zu starten
Zwei optionale Plug-Ins:
(1) Markdown Preview Enhanced – Markdown-Vorschau in Echtzeit anzeigen, ein Muss für Markdown-Benutzer
(2) Markdownlint – Markdown Syntaxkorrektur
(3) Beautify – Format
(4) GitLens – einfach anzuzeigende Git-Protokolle, ein Muss für Git-Benutzer
(5) Angular 5 Snippets – Tipps zur intelligenten Angular-Syntax
(6) Live Server —— Nach der Installation können Sie einen einfachen Server öffnen. Und es wird automatisch aktualisiert. Öffnen Sie den Projektordner und klicken Sie dann mit der rechten Maustaste auf die Datei. Daraufhin wird die Option „Mit Live-Server öffnen“ angezeigt, die den Browser automatisch öffnet. Die Standardportnummer ist 5500
(7) Prettier – Format
Weitere verwandte Informationen zu VSCode , besuchen Sie bitte: vscode-Tutorial! !
Das obige ist der detaillierte Inhalt vonWelche Vue-Plug-Ins werden in vscode verwendet?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!