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

HTML-Grundlagen - CSS-Stylesheets, Style-Attribute, Format- und Layoutdetails

1. Position : fest Gesperrte Position (relativ zu...

Ungültige Lösung beim Definieren mehrerer Klassenattribute in HTML

Beim Schreiben von HTML definieren wir häufig mehr...

Detaillierte Erklärung der Kernkonzepte und der grundlegenden Verwendung von Vuex

Inhaltsverzeichnis einführen Start Installieren ①...

Eine detaillierte Einführung in die Grundlagen des Linux-Scriptings

Inhaltsverzeichnis 1. Skript-Vim-Umgebung 2. So d...

Grundlegende Operationen der MySQL-Lernnotizentabelle

Tabelle erstellen Tabelle erstellen Tabellenname ...

Vue+el-table realisiert das Zusammenführen von Zellen

In diesem Artikelbeispiel wird der spezifische Co...

So generieren Sie ein kostenloses Zertifikat mit OpenSSL

1: Was ist OpenSSL? Welche Funktion hat es? Was i...

Docker erstellt Schritte zur Implementierung von Kubectl-Images

Wenn der Programmdienst mit k8s bereitgestellt wi...

React-Konfiguration px-Konvertierung rem-Methode

Installieren Sie zugehörige Abhängigkeiten npm ic...

Erfahren Sie in 3 Minuten, wie Sie den Supervisor Watchdog verwenden

Software- und Hardwareumgebung centos7.6.1810 64b...