vsCode generiert Vue-Vorlagen mit einem Klick

vsCode generiert Vue-Vorlagen mit einem Klick

1. Verwenden Sie die Tastenkombination Strg + Umschalt + P, um die Konsole aufzurufen

2, dann geben Sie "snippets" ein und wählen Sie

2. Geben Sie dann vue ein,

vs Code generiert automatisch die Datei vue.json.

3. Ändern Sie die Datei vue.json in die folgende Vorlage (Sie können den Vorlageninhalt entsprechend Ihren persönlichen Anforderungen ändern).

{
      
        "Auf Konsole drucken": {
            "Präfix": "vue",
            "Körper": [
                "<Vorlage>",
                " <div">$0</div>",
                "</template>",
                "",
                "<Skript>",
                "Standard exportieren {",
                "Komponenten: {},",
                " Requisiten: {}, ",
                " Daten() {",
                " zurückkehren {",
                " };",
                " },",
                "betrachten: {},",
                " berechnet: {},",
                " Methoden: {}, ",
                " erstellt() {},",
                "montiert() {}",
                "};",
                "</script>",
                "<style lang=\"scss\" scoped>",
                "</style>"
            ],
            "Beschreibung": "Eine Vue-Dateivorlage"
        }
    }

Erstellen Sie dann eine neue Vue-Datei, geben Sie „vue“ ein, drücken Sie die Eingabetaste oder die Tabulatortaste und die Vorlage wird automatisch generiert:

Dies ist das Ende dieses Artikels über vsCode, der Vue-Vorlagen mit einem Klick generiert. Weitere relevante vsCode-Generierungs-Vue-Vorlagen finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!

Das könnte Sie auch interessieren:
  • VSCode schreibt ein Vue-Projekt, um mit einem Klick eine Vue-Vorlage zu generieren, und ändert die Methode zum Definieren anderer Vorlagen

<<:  Installieren Sie das Linux rhel7.3-Betriebssystem auf der virtuellen Maschine (bestimmte Schritte)

>>:  getdata Tabelle Tabellendaten Join MySQL-Methode

Artikel empfehlen

Detailliertes Tutorial zur Tomcat-Installation und -Bereitstellung in Windows 10

Inhaltsverzeichnis 1 Konfiguration der Java-Umgeb...

Implementierungsprozess des Nginx-Hochverfügbarkeitsclusters

Dieser Artikel stellt hauptsächlich den Implement...

Prinzipanalyse des UDP-Verbindungsobjekts und Anwendungsbeispiele

Ich habe zuvor zum Einstieg in UDP ein einfaches ...

So importieren Sie CSS-Stile in externe HTML-Stylesheets

Der Link-In-Stil besteht darin, alle Stile in ein...

Wie verstecke ich einen bestimmten Text in HTML?

Code zum Ausblenden von Text, Ausblenden eines bes...

So reduzieren Sie die Bildgröße mithilfe des mehrstufigen Docker-Builds

In diesem Artikel wird beschrieben, wie Sie die m...

Das Prinzip und die Implementierung des JS-Drag-Effekts

Die Drag-Funktion wird hauptsächlich verwendet, u...

Detaillierte Erklärung, warum MySQL nicht mit UNION zwei Abfragen verbinden kann

Überblick UNION Mit dem Schlüsselwort „Verbindung...

mysql erhält statistische Daten innerhalb eines bestimmten Zeitraums

mysql erhält statistische Daten innerhalb eines b...