vue component creator plugin

creador de componentes vue

Un complemento de Brainstorm para crear componentes Vue.js de un solo archivo con un archivo SASS a lo largo de ellos y completar los módulos VUEX. Estos complementos hacen un par de cosas para simplificar su experiencia de desarrollo.

Instalar

Busque Vue Component Creator en la configuración de complementos. O descargue el complemento del sitio de lanzamiento

Componente de un solo archivo vue

Haga clic derecho en la vista del árbol del proyecto donde desea colocar el nuevo módulo. Luego New File -> Vue Module . Esto abrirá un diálogo para definir el nombre del módulo. Este nombre se usa más tarde para nombrar el directorio, el archivo Vue y Sass, así como el nombre raíz de SASS, y un nodo raíz en el archivo VUE con el nombre de determinación.

Estructura

• nombre de componente
  • _Component-name.scss
  • componente-name.md
  • componente-name.vue
  • componente-name.stories.js
  • componente-name.spec.js

Módulo vuex

Al crear un nuevo módulo VUEX, se generarán un par de archivos.

Estructura

• nombre de módulo
  • acciones.js
  • index.js
  • mutaciones.js
  • estado.js
  • mutación-types.js (dependiendo de si establece el Mutationstypes File
  • getters.js (dependiendo del Getters File
  • tipos.d.ts

Personalizar plantillas

Componente

Variables de plantilla disponibles

Variable	Ejemplo	Descripción
nombre de componente	my-module	Nombre del componente
componentnamecamelcase	myModule	Nombre del componente en Camelcase
componentnamepascalcase	MyModule	Nombre del componente en Camelcase
createmardo	0 1	Si el archivo de markdown se crea o no

Vuex

Variables de plantilla disponibles

Variable	Ejemplo	Descripción
nombre de componente	my-module	Nombre del componente
componentnamecamelcase	myModule	Nombre del componente en Camelcase
componentnamepascalcase	MyModule	Nombre del componente en Camelcase
archivo de mutaciones	./mutation-types.js	Filepath a las mutaciones
propiedad	data	Nombre de la propiedad a crear
nombre de tiempo	getData	Nombre de la función getter
propiedad de propiedad	string	Tipo de propiedad
getters	0 1	Crea Getters
Useinterface	0 1	Cree un archivo TypeScript con definiciones de tipo
CreatemutationTypes	0 1	Si crear un archivo de tipos de mutación personalizado
nombre de acción	setData	Nombre de la acción
nombre de nombre	SET_DATA	Nombre del tipo de mutación
tsinterfacename	MyModuleState	Nombre del nombre de la interfaz de estado mecanografiado

Desarrollo

Consulte la guía de configuración de desarrollo para la configuración.

Íconos

Íconos proporcionados por https://www.iconfinder.com/justicon a través de https://www.iconfinder.com