vue component creator plugin

Vue-Homponent-Creator

المكون الإضافي لعصر الأفكار لإنشاء مكونات ملف واحد vue.js مع ملف Sass على طولها وإكمال وحدات Vuex. تقوم هذه المكونات الإضافية ببعض الأشياء من أجل تبسيط تجربة DEV الخاصة بك.

ثَبَّتَ

ابحث عن Vue Component Creator في إعدادات الإضافات. أو قم بتنزيل المكون الإضافي من موقع الإصدار

مكون ملف واحد VUE

انقر بزر الماوس الأيمن في عرض شجرة المشروع حيث تريد وضع الوحدة الجديدة. ثم New File -> Vue Module . سيؤدي هذا إلى فتح مربع حوار لتحديد اسم الوحدة النمطية. يستخدم هذا الاسم لاحقًا لتسمية الدليل ، ملف Vue و Sass وكذلك اسم جذر Sass ، وعقدة الجذر في ملف Vue مع الاسم المحدد.

بناء

• ComponentName
  • _component-name.scss
  • مكون name.md
  • مكون name.vue
  • مكون name.stories.js
  • مكون name.spec.js

وحدة Vuex

من خلال إنشاء وحدة Vuex جديدة ، سيتم إنشاء بعض الملفات.

بناء

• Modulename
  • أكشن
  • index.js
  • طفرات
  • state.js
  • types.js Mutationstypes File
  • getters.js (اعتمادًا على ملف getters ، قمت بفحص Getters File
  • أنواع

تخصيص القوالب

عنصر

متغيرات القالب المتاحة

عامل	مثال	وصف
ComponentName	my-module	اسم المكون
Componentnamecamelcase	myModule	اسم المكون في Camelcase
Componentnamepascalcase	MyModule	اسم المكون في Camelcase
Createmarkdown	0 1	سواء تم إنشاء ملف Markdown أم لا

Vuex

متغيرات القالب المتاحة

عامل	مثال	وصف
ComponentName	my-module	اسم المكون
Componentnamecamelcase	myModule	اسم المكون في Camelcase
Componentnamepascalcase	MyModule	اسم المكون في Camelcase
mutationsfile	./mutation-types.js	Filepath إلى الطفرات
ملكية	data	اسم العقار المراد إنشاؤه
getTername	getData	اسم وظيفة getter
PropertyType	string	نوع العقار
getters	0 1	إنشاء getters
استخدم Face	0 1	قم بإنشاء ملف typescript مع تعريفات النوع
createMtasticTypes	0 1	ما إذا كنت لإنشاء ملف أنواع طفرة مخصصة
ActionName	setData	اسم الإجراء
mutationName	SET_DATA	اسم نوع الطفرة
tsinterfacename	MyModuleState	اسم اسم واجهة حالة TypeScript

تطوير

الخروج دليل إعداد التطوير للإعداد.

أيقونات

الرموز التي توفرها https://www.iconfinder.com/justicon عبر https://www.iconfinder.com