ExchangeWorld

ExchangeWorld الويب

كيفية تشغيل المشروع

1. تثبيت وحدات العقدة ( ExchangeWorld~$ npm install )
2. تشغيل ExchangeWorld
3. Run gulp (قد تتطلب تثبيت Gulp على مستوى العالم npm install gulp -g )
4. سيتم فتح متصفحك تلقائيًا وتوجيهه إلى عنوان وكيل المزامنة المتصفح
5. لإعداد الأصول للإنتاج ، قم بتشغيل مهمة gulp prod (ملاحظة: لا تطلق مهمة الإنتاج خادم Express ، ولن تزودك بإعادة تحميل المتصفح المباشر. ببساطة استخدم gulp dev أثناء التطوير. المزيد من المعلومات أدناه)
6. إذا كنت جاهزًا لوضع ملفات إنشاء على الخادم ، فقم بتشغيل gulp deploy لنقل Build Dir المضغوط إلى الخادم البعيد.
7. الآن بعد أن تم تشغيل gulp dev ، فإن الخادم يرتفع أيضًا ويقدم الملفات من دليل /build . سيتم معالجة أي تغييرات في دليل /app تلقائيًا بواسطة Gulp وسيتم حقن التغييرات على أي متصفحات مفتوحة مدببة على عنوان الوكيل.

نسخة بسيطة

1. في المحطة:

 ExchangeWorld~$ npm install
ExchangeWorld~$ gulp

2. سيفتح Gulp localhost:3000 في متصفح لك. ヽ (✿ﾟ▽ﾟ) ノ
3. ابدأ الترميز ...

---

AngularJs

AngularJS هو إطار عمل JavaScript MVW (عرض الطراز) لإنشاء تطبيقات ويب منفردة. في هذا الغلاية ، يتم استخدامه لجميع توجيه التطبيق وكذلك جميع طرق عرض الواجهة الأمامية والمنطق.

توجد جميع ملفات AngularJS داخل app/angular ، منظم بالطريقة التالية:
قم بإنشاء مجلدات سميت للميزة التي تمثلها. عندما ينمو المجلد لاحتواء أكثر من 7 ملفات ، ابدأ في التفكير في إنشاء مجلد لهم. قد تكون عتبةك مختلفة ، لذلك اضبط حسب الحاجة.

 .
├── core
├── exchange
├── follow
│   ├── follow.controller.js  // put all related controller/service/html in same feature folder
│   ├── follow.html
│   ├── follow.module.js
│   ├── follow.route.js
│   └── follow.service.js
├── goods
├── home
├── layout
├── main.js
├── map
├── mobile
├── post
├── profile
├── seek
├── templates.js
├── tmp
└── utils

نمط الترميز

• يجب أن تتبع كل الكود المتعلق بـ AngularJS دليل نمط الترميز

• تشغيل ESLINT.

  $ npm run lint
  
  # Auto fix
  $ npm run lint -- --fix

• تشغيل JSCs.

  $ npm run jscs
  
  # Auto fix
  $ npm run jscs -- --fix

حقن التبعية

يتم تنفيذ حقن التبعية مع مكتبة ng-annotate . من أجل الاستفادة من هذا ، تعليق بسيط للتنسيق:

 /** @ngInject */

يجب إضافتها مباشرة قبل أي وظائف/وحدات زاوية. ستهتم مهام GULP بعد ذلك بإضافة أي حقن تبعية ، مما يتطلب منك فقط تحديد التبعيات ضمن استدعاء الوظيفة ولا شيء أكثر من ذلك.