vue component creator plugin

VUE-KOMPONENT-CREATOR

Ein Brainstorming -Plugin zum Erstellen von Einzeldatei -Vue.js -Komponenten mit einer SASS -Datei entlang und vollständige Vuex -Module. Dieses Plugins macht ein paar Dinge, um Ihre Entwicklererfahrung zu vereinfachen.

Installieren

Suchen Sie nach Vue Component Creator in den Plugins -Einstellungen. Oder laden Sie das Plugin von der Versionsseite herunter

VUE Einzeldateikomponente

Klicken Sie mit der rechten Maustaste in die Projektbaumansicht, an der Sie das neue Modul platzieren möchten. Dann New File -> Vue Module . Dadurch wird ein Dialog geöffnet, um den Namen des Moduls zu definieren. Dieser Name wird später verwendet, um das Verzeichnis, das Vue- und Sass-File sowie den Sass-Root-Namen sowie einen Stammknoten in der VUE-Datei mit dem angegebenen Namen zu benennen.

Struktur

• Komponentname
  • _component-name.scss
  • component-name.md
  • Komponentenname.vue
  • Komponentenname.Stories.js
  • component-name.spec.js

Vuex -Modul

Durch das Erstellen eines neuen Vuex -Moduls werden einige Dateien generiert.

Struktur

• Modulenname
  • Aktionen.js
  • index.js
  • Mutationen.js
  • State.js
  • Mutationstypen.js (abhängig, ob Sie die Mutationstypes File festlegen
  • Getters.js (abhängig von der Überprüfung Getters File
  • Typen.D.TS

Anpassen Vorlagen

Komponente

Verfügbare Vorlagenvariablen

Variable	Beispiel	Beschreibung
Komponentname	my-module	Name der Komponente
componentnamecamelcase	myModule	Name der Komponente in Kamelase
componentnamepascalcase	MyModule	Name der Komponente in Kamelase
Createmarkdown	0 / 1	Ob die Markdown -Datei erstellt wird oder nicht

Vuex

Verfügbare Vorlagenvariablen

Variable	Beispiel	Beschreibung
Komponentname	my-module	Name der Komponente
componentnamecamelcase	myModule	Name der Komponente in Kamelase
componentnamepascalcase	MyModule	Name der Komponente in Kamelase
Mutationen	./mutation-types.js	Filepath zu den Mutationen
Eigentum	data	Name der zu erstellenden Eigenschaft
Gettername	getData	Getter -Funktionsname
PropertyType	string	Art der Eigenschaft
Getters	0 / 1	Getters erstellen
VerwendungInterface	0 / 1	Erstellen Sie eine Typscript -Datei mit Typdefinitionen
CreatemutationType	0 / 1	Ob Sie eine benutzerdefinierte Datei für Mutationstypen erstellen sollen
ActionName	setData	Name der Aktion
MutationName	SET_DATA	Name des Mutationstyps
tSinterfacename	MyModuleState	Name des TypsScript -Status -Schnittstellennamens

Entwicklung

Schauen Sie sich den Entwicklungs -Setup -Handbuch für das Setup an.

Ikonen

Symbole von https://www.iconfinder.com/justicon über https://www.iconfinder.com