vue admin work x

المشرف WorkX

مقدمة:

العمل الاداري

استخدام إطار التكنولوجيا الأكثر شيوعًا اليوم: Vue3 + Webpack + Typescript + Element Plus

مميزة:

• القوالب شائعة الاستخدام
  • تلغي القوالب المضمنة شائعة الاستخدام الحاجة إلى التفكير في التخطيط التفاعلي، مما يساعدك على التطوير بكفاءة
• النمط الافتراضي
  • النمط جميل وأنيق، ومتصل بسلاسة بـ Naive Ui، ويمكنك دمج الصفحات كما تريد.
• خطة التخطيط
  • أوضاع تخطيط غنية مع إمكانية تكوين عالية لتلبية احتياجات التخطيط المتنوعة الخاصة بك
• الدعم الفني
  • يتيح لك الدعم الفني عالي الجودة لما بعد البيع والوثائق الكاملة الحصول على نتيجة مضاعفة بنصف الجهد
• أحدث مكدس التكنولوجيا
  • تم تطويره استنادًا إلى أحدث مجموعات التكنولوجيا مثل Vue3 وVite2 وTypeScript وNaiveUI وPinia وما إلى ذلك.
• تحديث ساخن وخفيف الوزن وسريع
  • دائمًا يتم إعادة التحميل السريع للوحدة (HMR) بسرعة كبيرة بغض النظر عن حجم التطبيق
• أمثلة غنية
  • أمثلة على تطبيقات الويب الإضافية الشائعة
• تغليف المكونات
  • التعبئة الثانوية للمكونات ذات تكرار الاستخدام اليومي العالي لتلبية احتياجات العمل الأساسية
• تكوين الموضوع
  • تكوين موضوع غني وتكييف المظهر الداكن
• إدارة الأذونات
  • حلول كاملة لإدارة أذونات الواجهة الأمامية والخلفية

عنوان المشروع:

• عنوان الوثيقة

• العنوان التجريبي (Vue3.x + Typescript + Webpack + ElementPlus)

العناوين التجريبية لمشاريع مفتوحة المصدر أخرى في سلسلة Vue Admin Work

• العنوان التجريبي لـ Vue Admin Work (Vue2.x + Javascript + Element UI + Webpack)؟

• العنوان التجريبي لـ Vue Admin Work X (Vue3.x + Typescript + Element Plus + Webpack)

• العنوان التجريبي لـ Vue Admin Work P (Vue3.x + Typescript + Navie UI + Vite2)

• عمل مسؤول Vue عنوان تجريبي (Vue3.x + Typescript + Antd + Vite2)

• العنوان التجريبي لـ Arco Work (Vue3.x + Typescript + Arco Design + Vite2)

الآن تحتاج مجموعة تبادل تكنولوجيا WeChat إلى إضافة الأصدقاء ودعوتهم. إذا كنت ترغب في الانضمام إلى المجموعة للمناقشة، فيرجى متابعة حساب WeChat الرسمي وإضافة الأصدقاء.

يرجى الانتباه إلى知码前端، والذي يحتوي على الكود المصدري لكل إصدار وكيفية الدخول إلى مجموعة WeChat WeChat

مناسبة للحشد

• إذا كنت تقوم بالتطوير أو ترغب في استخدام vue/element-plus، فمن الأفضل أن يكون لديك معرفة معينة بالبرمجة، أو أولئك الذين كانوا في الأصل يشاركون فقط في قص الصور وكتابة الصفحات الثابتة يريدون تحسين قدراتهم الأمامية.
• على دراية بمكدس تكنولوجيا Vue.js واستخدمه لتطوير العديد من المشاريع الفعلية.
• الطلاب المهتمين بالمبادئ والتقنيات ويريدون التقدم والتحسين.

تحميل وتثبيت

• تحميل

  git clone -b master https://github.com/qingqingxuan/vue-admin-work-x.git

• أدخل دليل المشروع

   cd admin-work-x

• تثبيت التبعيات

  npm install

• يجري

  npm run dev

كيفية المساهمة

انكم مدعوون جدا للانضمام إلينا! ارفع مشكلة أو أرسل طلب سحب.

طلب السحب:

1. كود الشوكة!
2. أنشئ فرعك الخاص: git checkout -b feat/xxxx
3. أرسل تغييراتك: git commit -am 'feat(function): add xxxxx'
4. ادفع فرعك: git push origin feat/xxxx
5. إرسال pull request

مواصفات تقديم مساهمة Git

• الرجوع إلى مواصفات vue (الزاوي)

  • يضيف feat ميزات جديدة
  • fix المشكلات / الخطأ
  • style يرتبط نمط الكود وليس له أي تأثير على نتائج التشغيل.
  • تحسين perf /تحسين الأداء
  • refactor
  • revert التعديلات
  • test اختبار ذات الصلة
  • docs / الملاحظات
  • تحديث التبعية chore /تعديل تكوين السقالات، وما إلى ذلك.
  • تحسينات سير workflow
  • التكامل المستمر ci
  • types التغييرات في ملف تعريف النوع
  • wip قيد التطوير

دعم المتصفح

للتطوير المحلي، يوصى باستخدام متصفح Chrome 80+

يدعم المتصفحات الحديثة، ولا يدعم IE

أي	حافة	فايرفوكس	الكروم	سفاري
لا يدعم	الإصدارين الأخيرين	الإصدارين الأخيرين	الإصدارين الأخيرين	الإصدارين الأخيرين

شكر خاص

vue3.x
عنصر زائد
vue-router-next
بينيا
أكسيوس
com.mockjs
الرسوم البيانية

المزايا والاحتياطات

vue-admin-work 有如下优势:
1. 支持前端控制路由权限和后端控制路由模式
2. 支持 mock ，完全独立于后台
3. 提供了非常多的 mxin 代码块，方便集成各种功能
4. 内置了大量常用的组件，比如，上传，消息提示等
5. 支持多主题、多布局切换
使用注意事项:
1. 项目默认使用使用vscode工具进行开发，也是唯一推荐的开发工具
2. 项目默认eslint校验规范

الاداءات