vue component creator plugin

vue-composant-créateur

Un pluginstorm pour créer des composants Vue.js à fichier unique avec un fichier sass le long d'eux et compléter les modules Vuex. Ces plugins font quelques choses afin de simplifier votre expérience de développement.

Installer

Recherchez Vue Component Creator dans les paramètres des plugins. Ou téléchargez le plugin à partir du site de version

Vue composant de fichier unique

Faites un clic droit dans la vue de l'arborescence du projet où vous souhaitez placer le nouveau module. Puis New File -> Vue Module . Cela ouvrira une boîte de dialogue pour définir le nom du module. Ce nom est utilisé plus tard pour nommer le répertoire, Vue- and Sass-File ainsi que le nom racine SASS, et un nœud racine dans le fichier VUE avec le nom donné.

Structure

• nom de composant
  • _Component-name.scss
  • composant-name.md
  • composant-name.vue
  • composant-name.stories.js
  • composant-name.spec.js

Module Vuex

En créant un nouveau module Vuex, quelques fichiers seront générés.

Structure

• nom de modulen
  • action.js
  • index.js
  • mutations.js
  • state.js
  • mutation-type.js (selon que vous définissez le Mutationstypes File
  • Getters.js (selon Getters File de votre vérification
  • types.d.ts

Personnaliser les modèles

Composant

Variables de modèle disponibles

Variable	Exemple	Description
nom de composant	my-module	Nom du composant
composantnamecamelcase	myModule	Nom du composant de Camelcase
composantnamepascalcase	MyModule	Nom du composant de Camelcase
CreateMarkdown	0 1	Que le fichier de marque est créé ou non

Vuex

Variables de modèle disponibles

Variable	Exemple	Description
nom de composant	my-module	Nom du composant
composantnamecamelcase	myModule	Nom du composant de Camelcase
composantnamepascalcase	MyModule	Nom du composant de Camelcase
mutations	./mutation-types.js	Filepath aux mutations
propriété	data	Nom de la propriété à créer
Gettername	getData	Nom de la fonction Getter
type de propriété	string	Type de propriété
getters	0 1	Créer des getters
useInterface	0 1	Créer un fichier TypeScript avec des définitions de type
Types de création	0 1	S'il faut créer un fichier de types de mutations personnalisés
nom d'action	setData	Nom de l'action
nom de mutation	SET_DATA	Nom du type de mutation
tsinterfacename	MyModuleState	Nom du nom de l'interface d'état TypeScript

Développement

Découvrez le guide de configuration du développement pour la configuration.

Icônes

Icônes fournies par https://www.iconfinder.com/jucon via https://www.iconfinder.com