الصفحة الرئيسية>PHP كود المصدر>فئات أخرى
تنزيل

نظام متعدد الصفحات

تم ترحيل هذا النظام إلى بناء خدمة vue-cli ويمكن استخدامه خارج الصندوق.

اقتراح

  • البيئة: >=node8 + غزل
  • المحرر: vscode

يبدأ 

yarn # npm i
yarn run dev # 默认入口为src/pages/*/index.js

تكوين البيئة 

.env # 默认配置
.env.local # gitignore，会merge .env
.env.prod
.env.prod.local # gitignore，会merge .env.prod

CommitLint

حسب نوع المواصفات العامة

  • الفذ: وظيفة جديدة (ميزة)
  • الإصلاح: إصلاح الخلل
  • المستندات: الوثائق
  • النمط: تعديل النمط
  • إعادة بناء: إعادة بناء وظيفة
  • اختبار: إضافة اختبار
  • العمل الرتيب: تغييرات في عملية البناء أو الأدوات المساعدة
  • الأداء: تحسين الأداء
  • الرجوع: التراجع عن الالتزام 
 # type: 提交类型  scope: 变动范围  type为必需，scope选填
# git commit -m '${type}(${scope}): some message'
git commit -m ' feat: 增加 xxx 功能'
git commit -m ' fix: 修复 xxx 功能'
git commit -m ' fix(UserController): [bug005]修复用户权限问题'

إسلينت

تم التعديل بواسطة .eslintrc.js

  • 0 تعطيل
  • 1 تحذير
  • 2 أخطاء

مواصفات الكود

  • https://github.com/airbnb/javascript
  • تتم تسمية ملفات .vue والمجلدات ذات الصلة بأحرف صغيرة، مفصولة بـ - ، على سبيل المثال: button-group

ملحوظة

  • تم تقديم Polyfill.js عالميًا إلى CDN من خلال html، وليست هناك حاجة لاستخدام babel-polyfill أو transform-runtime لحل المشكلة.
  • قم بتخصيص سمة element-ui من خلال ~/src/styles/element-theme.scss
  • تتم كتابة الأنماط الشائعة في ~/src/styles/${THEME}/app.scss
  • تتم تسمية متغيرات النمط الرئيسية في ~/src/styles/${THEME}/variables.scss . تعمل أنماط المكونات على توحيد السمة من خلال متغيرات محددة.
  • تم وضع مكتبة الأيقونات على https://www.iconfont.cn/ (حاليًا في حساب github/evanliu2968)
  • https://serverfault.com/questions/506972/nginx-why-i-cant-put-proxy-set-header-inside-an-if-clause

تعزيز المشروع

جدول

  • الرسوم البيانية
  • ~/src/components/common/vue-echarts

رفع

  • components/common/file-upload ie10+ تحميل بيانات النموذج، ie9 تحميل iframe

انتقال مشفر

  • https://blog.csdn.net/baidu_22254181/article/details/82594072
  • يتم حاليًا استخدام التشفير المتماثل AES، ~/src/libs/auth.js

webapck

  • لا يقوم Babel بنقل الملفات في وحدات العقدة بشكل افتراضي ويحتاج إلى التصريح عنها في ~vue.config.js/transpileDependencies
  • new webpack.ContextReplacementPlugin(/moment[\/]locale$/, /^./(zh-cn)$/) يزيل حزم اللغات الأخرى (الحزمة المضغوطة أكبر من 300 كيلو بايت)
  • من المزعج جدًا تقديم مخطط واحد echarts (الكود المصدر 2M+، الحزمة المضغوطة 600 كيلو بايت). استخدم js في HTML لتجنب التغليف في كل مرة.

بيئة الخادم

عنوان تكوين nginx: cd /etc/nginx/vhost بعد التعديل، تحتاج إلى إعادة تشغيل nginx واستخدام أمر docker لإعادة تشغيل ملف التكوين وإعادة تحميله: إعادة تحميل docker exec nginx nginx -s التحقق من ملف التكوين: docker exec nginx nginx -t

وثائق عملية أخرى

  • عملية إطلاق البيئة.md
  • بيئة التطوير المحلية تعمل على تشغيل Process.md
يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل