ExchangeWorld

ExchangeWorld Web

So führen Sie das Projekt aus

1. Installieren Sie Knotenmodule ( ExchangeWorld~$ npm install )
2. Führen Sie ExchangeWorld aus
3. gulp Führen Sie die GULP -Installation weltweit npm install gulp -g )
4. Ihr Browser wird automatisch geöffnet und an die Browser-Sync-Proxy-Adresse gerichtet
5. Um Assets für die Produktion vorzubereiten, führen Sie die gulp prod aus (Hinweis: Die Produktionsaufgabe stellt den Express-Server nicht aus und bietet Ihnen nicht mit dem Live-Reload von Browser-Sync. Verwenden Sie einfach gulp dev während der Entwicklung. Weitere Informationen unten)
6. Wenn Sie bereit sind, Build -Dateien auf Server zu setzen, führen Sie gulp deploy aus, um komprimierte Build -DIR auf Remote -Server zu übertragen.
7. Jetzt, da gulp dev ausgeführt wird, ist der Server ebenfalls abgelaufen und serviert Dateien aus dem Verzeichnis /build . Alle Änderungen im Verzeichnis /app werden automatisch von Gulp verarbeitet und die Änderungen werden an offene Browser injiziert, die auf die Proxy -Adresse gerichtet sind.

Einfache Version

1. im Terminal:

 ExchangeWorld~$ npm install
ExchangeWorld~$ gulp

2. Gulp eröffnet localhost:3000 im Browser für Sie. ヽ (✿ﾟ▽ﾟ) ノ
3. Starten Sie die Codierung ...

---

Angularjs

AngularJS ist ein MVW-JavaScript-Framework (Modell-View-was auch immer) zum Erstellen von Webanwendungen mit einzelnen Seiten. In dieser Kesselplatte wird es für alle Anwendungsrouting sowie für alle Frontend -Ansichten und Logik verwendet.

Die AngularJS -Dateien befinden sich alle in app/angular , strukturiert auf folgende Weise:
Erstellen Sie Ordner, die nach der Funktion benannt sind, die sie darstellen. Wenn ein Ordner mehr als 7 Dateien enthält, sollten Sie in Betracht ziehen, einen Ordner dafür zu erstellen. Ihr Schwellenwert kann unterschiedlich sein, also passen Sie sie nach Bedarf an.

 .
├── 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

Codierungsstil

• Alle angularJS -verwandten Code sollten dem Codierungsstil -Handbuch folgen

• Laufen Sie Eslint.

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

• JSCS laufen.

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

Abhängigkeitsinjektion

Die Abhängigkeitsinjektion wird mit der ng-annotate -Bibliothek durchgeführt. Um dies zu nutzen, ist ein einfacher Kommentar des Formats:

 /** @ngInject */

Muss direkt vor eckigen Winkelfunktionen/-modulen hinzugefügt werden. Die Gulp -Aufgaben kümmern sich dann um das Hinzufügen einer Abhängigkeitsinjektion und müssen nur die Abhängigkeiten innerhalb des Funktionsaufrufs und nichts weiter angeben.