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

So verwenden Sie die Debouce-Anti-Shake-Funktion in Vue

Inhaltsverzeichnis 1. Anti-Shake-Funktion 2. Verw...

MySQL Online-Übung zur Deadlock-Analyse

Vorwort Ich glaube, dass jeder beim Erlernen von ...

Drei Möglichkeiten zur Implementierung virtueller Hosts unter Linux7

1. Gleiche IP-Adresse, unterschiedliche Portnumme...

Die perfekte Lösung für das MySql-Versionsproblem sql_mode=only_full_group_by

1. Überprüfen Sie sql_mode wählen Sie @@sql_mode ...

Docker+Nextcloud zum Erstellen eines persönlichen Cloud-Speichersystems

1. Docker-Installation und -Start yum installiere...

Die Verwendung von FrameLayout in sechs Layouts

Vorwort In der letzten Ausgabe haben wir Ihnen Li...

Mysql implementiert drei Funktionen zum Feldspleißen

Beim Exportieren von Daten in Operationen ist das...

Über IE8-Kompatibilität: Erklärung des X-UA-Compatible-Attributs

Problembeschreibung: Code kopieren Der Code laute...

Super ausführliches Tutorial zur Installation von MySQL 8.0.23

Inhaltsverzeichnis Vorwort 1. Laden Sie MySQL von...

Beispielcode zum Erstellen eines Dropdown-Menüs mit reinem CSS

Einführung: Als ich mir in letzter Zeit die Frage...

Detailliertes Beispiel zum Entfernen doppelter Daten in MySQL

Detailliertes Beispiel zum Entfernen doppelter Da...

Spezifischer Einsatz von Routing Guards in Vue

Inhaltsverzeichnis 1. Globale Wache 1.1 Globaler ...

Ausführliches Tutorial zur Installation von Deepin in VMware15 (Bild und Text)

Vorwort Die Benutzeroberfläche von Deepin sieht w...

So verhindern Sie das Flashen von Vue in kleinen Projekten

Zusammenfassung HTML: Element plus V-Umhang CSS: ...