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

VUE + SpringBoot implementiert die Paging-Funktion

Dieser Artikel stellt hauptsächlich vor, wie pagi...

So löschen Sie den in Docker erstellten Container

So löschen Sie den in Docker erstellten Container...

JS erzielt Fünf-Sterne-Lobeffekt

Verwenden Sie JS, um objektorientierte Methoden z...

Wie werden Leerzeichen in HTML dargestellt (was bedeuten sie)?

Bei der Webentwicklung stößt man häufig auf Zeiche...

MySQL 5.7.10 Installationsdokumentation Tutorial

1. Installieren Sie Abhängigkeitspakete yum -y in...

Vue.js implementiert ein einfaches Faltpanel

In diesem Artikelbeispiel wird der spezifische Co...

border-radius-Methode zum Hinzufügen abgerundeter Ränder zu Elementen

border-radius:10px; /* Alle Ecken sind mit einem ...

So überprüfen Sie die Festplattennutzung unter Linux

1. Verwenden Sie den Befehl df, um die gesamte Fe...

Zusammenfassung gängiger Befehle zur Linux-Benutzer- und Gruppenverwaltung

Dieser Artikel fasst die allgemeinen Befehle zur ...

Verwendung von MySQL-Triggern

Trigger können dazu führen, dass vor oder nach de...

Verwendungsanweisungen für den Befehl „Docker Create“

Mit dem Befehl „Docker Create“ können Sie einen C...