Heim  >  Artikel  >  Web-Frontend  >  Welche Vue-Plug-Ins werden in vscode verwendet?

Welche Vue-Plug-Ins werden in vscode verwendet?

青灯夜游
青灯夜游Original
2022-03-03 17:13:036924Durchsuche

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.

Welche Vue-Plug-Ins werden in vscode verwendet?

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!

Stellungnahme:
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
Vorheriger Artikel:Was sind die Vorteile von vueNächster Artikel:Was sind die Vorteile von vue