vue spa project

مشروع فيو سبا

استنادًا إلى مجموعة تقنيات vue.js، فإنها تتبنى تصميم MVC وغيره من تصميمات الهيكل الهرمي، وتصميم فصل البيانات، والمكونات، والبناء الآلي لمشاريع التطبيقات ذات الصفحة الواحدة.

كومة التكنولوجيا

• فيو.js (2.4)
• vuex (إدارة الدولة)
• جهاز التوجيه vue (توجيه الواجهة الأمامية، التحميل غير المتزامن)
• جلب (يستبدل اياكس ويجعل طلبات الشبكة أكثر كفاءة)
• element-ui (مكتبة مكونات واجهة المستخدم من جانب الكمبيوتر الشخصي استنادًا إلى vue)

Webpack (البناء الآلي)

• التجميع المسبق لـ Babel (ES6، SCSS، وما إلى ذلك)، والمكونات غير المتزامنة لتنفيذ التوجيه والتحميل البطيء
• مراقبة جودة كود ESlint، يجب كتابة جميع التعليمات البرمجية وفقًا للمواصفات القياسية لاجتياز عملية التجميع وتجنب بعض الأخطاء ذات المستوى المنخفض
• سيقوم خادم التطوير المحلي بمراقبة تعديلات الملفات، وتجميع المتصفح وتحديثه تلقائيًا
• بيانات وهمية للواجهة الأمامية، لا داعي لانتظار تنفيذ الواجهة الخلفية
• ينشر خادم الاختبار النشر تلقائيًا (تحتاج إلى بدء تشغيل برنامج نصي للاستلام مكتوب بواسطة العقدة على الخادم: مستقبل الملف)

إذا كان العرض من جانب الخادم (SSR) مطلوبًا، فمن المستحسن استخدام: NUXT

بناء الإعداد

 # install dependencies (use cnpm: npm install -g cnpm --registry=https://registry.npm.taobao.org)
cnpm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# run all tests for unit test and e2e test
npm test

# check update for npm packages, please install 'npm install npm-check-updates -g' at first
npm run update