vue boilerplate typescript

Vue.js Boilerplate، Typescript، Vuex، Vue-Router، Element-UI، i18n، axios، Font Awesome

نموذج نمطي مكتوب لـ Vue.js مع Vue CLI 3.x يستخدم:

• vuex
• vue-router
• عنصر واجهة المستخدم
• i18n
• أكسيوس
• الخط رائع
• ...

متطلبات

• Node.js (npm)

تثبيت

1. تثبيت Vue CLI 3.x

    npm install -g @vue/cli
   # OR
   yarn global add @vue/cli
   

2. تثبيت التبعيات

    npm install
   # OR
   yarn install
   

بنيان

هذه هي الطريقة التي أبني بها مشاريع Vue.js شخصيًا. لا تتردد في تعديله لتناسب احتياجاتك.

• ؟ assets : تحتوي على جميع الأصول مثل الصور أو ملفات الصوت.
• ؟ components : تحتوي على جميع مكونات Vue .
• ؟ layouts : تحتوي على جميع تخطيطات Vue التي يمكن تعيينها في vue-router .
• ؟ models : تحتوي على كافة النماذج اللازمة لمنطق الأعمال.
• ؟ requests : تحتوي على جميع الطلبات اللازمة للتواصل مع واجهة برمجة التطبيقات.
• ؟ rules : تحتوي على كافة قواعد التحقق من الصحة القابلة لإعادة الاستخدام.
• ؟ services : تحتوي على جميع الخدمات التي تلبي طلبات الويب.
• ؟ store : يحتوي على جميع الوحدات التي يستخدمها متجر vuex .
• ؟ style : يحتوي على كافة أوراق الأنماط.
• ؟ translations : تحتوي على كافة الترجمات كملفات .ts .
• ؟ views : تحتوي على جميع طرق العرض المستخدمة في vue-router .

الأوامر

يجمع ويعيد التحميل السريع للتطوير

 npm run serve
# OR
yarn run serve

يجمع ويصغر للإنتاج

 npm run build
# OR
yarn run build

الوبر وإصلاح الملفات

 npm run lint
# OR
yarn run lint

تخصيص التكوين

راجع مرجع التكوين.