vue component creator plugin

Vue-Component-Creator

Um plug -in BrainStorm para criar componentes Vue.js de arquivo único com um arquivo SASS ao longo deles e concluir os módulos Vuex. Este plugins faz algumas coisas para simplificar sua experiência em desenvolvimento.

Instalar

Pesquise Vue Component Creator nas configurações dos plugins. Ou faça o download do plugin do site de lançamento

Componente de arquivo único vue

Clique com o botão direito do mouse na visualização da árvore do projeto, onde você deseja colocar o novo módulo. Em seguida, New File -> Vue Module . Isso abrirá uma caixa de diálogo para definir o nome do módulo. Este nome é usado posteriormente para nomear o diretório, o arquivo de vue e o arquivo SASS, bem como o nome da raiz SASS e um nó raiz no arquivo VUE com o nome fornecido.

Estrutura

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

Módulo Vuex

Ao criar um novo módulo Vuex, alguns arquivos serão gerados.

Estrutura

• ModuleName
  • ações.js
  • Index.js
  • mutações.js
  • State.js
  • mutação- types.js (dependendo se você define o Mutationstypes File
  • getters.js (dependendo se você verificou Getters File
  • types.d.ts

Personalizar modelos

Componente

Variáveis de modelo disponíveis

Variável	Exemplo	Descrição
componentName	my-module	Nome do componente
ComponentNameCamelCase	myModule	Nome do componente no camelcase
ComponentNamePascalCalcase	MyModule	Nome do componente no camelcase
CreateMarkdown	0 1	Se o arquivo de marcação é criado ou não

Vuex

Variáveis de modelo disponíveis

Variável	Exemplo	Descrição
componentName	my-module	Nome do componente
ComponentNameCamelCase	myModule	Nome do componente no camelcase
ComponentNamePascalCalcase	MyModule	Nome do componente no camelcase
MutationsFile	./mutation-types.js	Filepath para as mutações
propriedade	data	Nome da propriedade a ser criada
gettername	getData	Nome da função getter
PropertyType	string	Tipo de propriedade
getters	0 1	Criar getters
useInterface	0 1	Crie um arquivo de texto datilografado com definições de tipo
CreateMuationTypes	0 1	Se deve criar um arquivo de tipos de mutação personalizado
ACTIONNAME	setData	Nome da ação
MutationName	SET_DATA	Nome do tipo de mutação
tsinterfacename	MyModuleState	Nome do nome da interface do estado de texto datilografado

Desenvolvimento

Consulte o guia de configuração de desenvolvimento para a configuração.

Ícones

Ícones fornecidos por https://www.iconfinder.com/justicon via https://www.iconfinder.com