vue component creator plugin

Vue-Component-Creator

一個頭腦風暴插件來創建單個文件vue.js組件，並沿它們沿著SASS文件和完整的VUEX模塊。該插件會做幾件事，以簡化您的開發經驗。

安裝

在插件設置中搜索Vue Component Creator 。或從發佈網站下載插件

vue單文件組件

右鍵單擊“項目樹視圖”中要放置新模塊的位置。然後New File - > Vue Module 。這將打開一個對話框來定義模塊的名稱。此名稱稍後用來命名目錄，vue-和sass-file以及sass root名稱，以及帶有給定名稱的vue文件中的root節點。

結構

• componentName
  • _component-name.scss
  • component-name.md
  • component-name.vue
  • 組件 - name.stories.js
  • component-name.spec.js

Vuex模塊

通過創建新的VUEX模塊，將生成幾個文件。

結構

• 模塊名稱
  • Actions.js
  • index.js
  • 突變
  • state.js
  • 突變型類型（取決於您是否設置Mutationstypes File
  • getters.js（取決於您檢查的Getters File
  • types.d.ts

自定義模板

成分

可用的模板變量

多變的	例子	描述
componentName	my-module	組件的名稱
組成症	myModule	駱駝中的組件的名稱
componentnamepascalcase	MyModule	駱駝中的組件的名稱
CreateMarkDown	0 / 1	是否創建了Markdown文件

vuex

可用的模板變量

多變的	例子	描述
componentName	my-module	組件的名稱
組成症	myModule	駱駝中的組件的名稱
componentnamepascalcase	MyModule	駱駝中的組件的名稱
突變文件	./mutation-types.js	對突變的filepath
財產	data	要創建的屬性名稱
getTername	getData	getter函數名稱
PropertyType	string	屬性類型
getters	0 / 1	創建Getters
Useinterface	0 / 1	創建帶有類型定義的打字稿文件
創建類型	0 / 1	是否創建自定義突變類型文件
ActionName	setData	動作的名稱
突變名稱	SET_DATA	突變類型的名稱
tsinterfaceName	MyModuleState	打字稿狀態接口名稱的名稱

發展

查看設置的開發設置指南。

圖示

https://www.iconfinder.com/justicon提供的圖標通過https://www.iconfinder.com