vue component creator pluginダウンロードvue component creator pluginインソースコードダウンロード

vue component creator plugin

サードパーティ製コンポーネント

1.0.0

ダウンロード

Vue-Component-Creator

ブレーンストームプラグインして、SASSファイルを備えた単一ファイルVue.jsコンポーネントを作成し、Vuexモジュールを完全に作成します。このプラグインは、開発体験を簡素化するためにいくつかのことを行います。

コンポーネントを作成します Vuexモジュールを作成します

インストール

プラグインの設定でVue Component Creatorを検索します。または、リリースサイトからプラグインをダウンロードします

プラグインのインストール

VUEシングルファイルコンポーネント

新しいモジュールを配置するプロジェクトツリービューを右クリックします。次に、 New File - > Vue Module 。これにより、モジュールの名前を定義するダイアログが開きます。この名前は、後でディレクトリ、VUEおよびSASSファイル、SASSルート名、および指定された名前のVUEファイルのルートノードに名前を付けるために使用されます。

新しいコンポーネント

構造

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

Vuexモジュール

新しいVuexモジュールを作成することにより、いくつかのファイルが生成されます。

構造

モジュール名
- Action.js
- index.js
- Mutations.js
- state.js
- Mutation-Types.js（ Mutationstypes Fileを設定するかどうかに依存します
- getters.js（ Getters Fileをチェックした場合に依存します
- Types.D.TS

テンプレートをカスタマイズします

成分

使用可能なテンプレート変数

変数	例	説明
componentName	`my-module`	コンポーネントの名前
ComponentNameCamelCase	`myModule`	Camelcaseのコンポーネントの名前
ComponentNamePascalCase	`MyModule`	Camelcaseのコンポーネントの名前
createmarkdown	`0` / `1`	マークダウンファイルが作成されているかどうか

Vuex

使用可能なテンプレート変数

変数	例	説明
componentName	`my-module`	コンポーネントの名前
ComponentNameCamelCase	`myModule`	Camelcaseのコンポーネントの名前
ComponentNamePascalCase	`MyModule`	Camelcaseのコンポーネントの名前
MutationsFile	`./mutation-types.js`	突然変異への糸状
財産	`data`	作成されるプロパティの名前
GetTername	`getData`	ゲッター関数名
PropertyType	`string`	プロパティのタイプ
ゲッター	`0` / `1`	ゲッターを作成します
Interfaceを使用します	`0` / `1`	タイプ定義を備えたtypeScriptファイルを作成します
creatematuationTypes	`0` / `1`	カスタム変異タイプファイルを作成するかどうか
ActionName	`setData`	アクションの名前
MutationName	`SET_DATA`	突然変異タイプの名前
tsinterfaceName	`MyModuleState`	TypeScript状態インターフェイス名の名前