vue component creator plugin

VUE-Component-Creator

Plugin Brainstorm untuk membuat komponen file vue.js tunggal dengan file sass di sepanjang mereka dan melengkapi modul VUEX. Plugin ini melakukan beberapa hal untuk menyederhanakan pengalaman dev Anda.

Memasang

Cari Vue Component Creator di pengaturan plugin. Atau unduh plugin dari situs rilis

Komponen file tunggal vue

Klik kanan di Project Tree View di mana Anda ingin menempatkan modul baru. Kemudian New File -> Vue Module . Ini akan membuka dialog untuk menentukan nama modul. Nama ini kemudian digunakan untuk memberi nama direktori, file vue- dan sass serta nama root sass, dan node root dalam file vue dengan nama yang diberikan.

Struktur

• ComponentName
  • _component-name.scss
  • component-name.md
  • component-name.vue
  • component-name.stories.js
  • component-name.spec.js

Modul Vuex

Dengan membuat modul VUEX baru, beberapa file akan dihasilkan.

Struktur

• Modulename
  • Action.js
  • index.js
  • mutasi.js
  • state.js
  • mutation-types.js (tergantung apakah Anda mengatur Mutationstypes File
  • getters.js (tergantung apakah Anda memeriksa Getters File
  • type.d.ts

Kustomisasi template

Komponen

Variabel template yang tersedia

Variabel	Contoh	Keterangan
ComponentName	my-module	Nama komponen
ComponentNamecamelcase	myModule	Nama komponen di Camelcase
ComponentNamepascalcase	MyModule	Nama komponen di Camelcase
CreateMarkdown	0 / 1	Apakah file markdown dibuat atau tidak

Vuex

Variabel template yang tersedia

Variabel	Contoh	Keterangan
ComponentName	my-module	Nama komponen
ComponentNamecamelcase	myModule	Nama komponen di Camelcase
ComponentNamepascalcase	MyModule	Nama komponen di Camelcase
mutasi	./mutation-types.js	Filepath untuk mutasinya
milik	data	Nama properti yang akan dibuat
nama jahasi	getData	Nama fungsi Getter
PropertyType	string	Jenis properti
Getters	0 / 1	Buat getters
GunakanInterface	0 / 1	Buat File TypeScript dengan Definisi Jenis
CreateMutationTypes	0 / 1	Apakah akan membuat file jenis mutasi khusus
ActionName	setData	Nama aksinya
MutationName	SET_DATA	Nama jenis mutasi
Tsinterfacename	MyModuleState	Nama nama antarmuka status naskah

Perkembangan

Periksa panduan pengaturan pengembangan untuk pengaturan.

Ikon

Ikon disediakan oleh https://www.iconfinder.com/justicon melalui https://www.iconfinder.com