ExchangeWorld

ExchangeWorld Web

วิธีเรียกใช้โครงการ

1. ติดตั้งโมดูลโหนด ( ExchangeWorld~$ npm install )
2. เรียกใช้ ExchangeWorld
3. Run gulp (อาจต้องติดตั้งอึกทั่วโลก npm install gulp -g )
4. เบราว์เซอร์ของคุณจะถูกเปิดและนำไปยังที่อยู่พร็อกซีเบราว์เซอร์-ซินซีโดยอัตโนมัติ
5. ในการเตรียมสินทรัพย์สำหรับการผลิตให้เรียกใช้งาน gulp prod (หมายเหตุ: งานการผลิตไม่ได้ทำให้เซิร์ฟเวอร์ด่วนขึ้นและจะไม่ให้การโหลดสดของเบราว์เซอร์-ซินซีคุณใช้ gulp dev ในระหว่างการพัฒนาข้อมูลเพิ่มเติมด้านล่าง)
6. หากคุณพร้อมที่จะวางไฟล์บิลด์ไปยังเซิร์ฟเวอร์ gulp deploy เพื่อถ่ายโอนบิลด์บิลด์บิลด์ไปยังเซิร์ฟเวอร์ระยะไกล
7. ตอนนี้ gulp dev กำลังทำงานอยู่เซิร์ฟเวอร์ก็พร้อมและให้บริการไฟล์จากไดเรกทอรี /build การเปลี่ยนแปลงใด ๆ ในไดเรกทอรี /app จะถูกประมวลผลโดยอัตโนมัติโดยอึกและการเปลี่ยนแปลงจะถูกฉีดไปยังเบราว์เซอร์เปิดใด ๆ ที่ชี้ไปที่ที่อยู่พร็อกซี

เวอร์ชันง่ายๆ

1. ในเทอร์มินัล:

 ExchangeWorld~$ npm install
ExchangeWorld~$ gulp

2. Gulp จะเปิด localhost:3000 ในเบราว์เซอร์สำหรับคุณ ヽ (✿ﾟ▽ﾟ) ノ
3. เริ่มเขียนโค้ด ...

---

AngularJs

AngularJS เป็นกรอบ JavaScript MVW (Model-View-) สำหรับการสร้างเว็บแอปพลิเคชันหน้าเดียว ในแผ่นหม้อไอน้ำนี้ใช้สำหรับการกำหนดเส้นทางแอปพลิเคชันทั้งหมดรวมถึงมุมมองและตรรกะส่วนหน้าทั้งหมด

ไฟล์ 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 */

จำเป็นต้องเพิ่มโดยตรงก่อนฟังก์ชั่น/โมดูลเชิงมุม งานอึกจะดูแลการเพิ่มการฉีดพึ่งพาใด ๆ โดยกำหนดให้คุณต้องระบุการพึ่งพาภายในการเรียกใช้ฟังก์ชันและไม่มีอะไรเพิ่มเติม