ExchangeWorld~$ npm install )gulp (peut nécessiter l'installation de Gulp Globally npm install gulp -g )gulp prod (Remarque: La tâche de production ne lance pas le serveur express et ne vous fournira pas le rechargement en direct du navigateur-synchique. Utilisez simplement gulp dev pendant le développement. Plus d'informations ci-dessous)gulp deploy pour transférer la construction compressée DIR vers le serveur distant.gulp dev est en cours d'exécution, le serveur est également en place et sert des fichiers à partir du répertoire /build . Toute modification dans le répertoire /app sera automatiquement traité par Gulp et les modifications seront injectées à tous les navigateurs ouverts pointés sur l'adresse de procuration. ExchangeWorld~$ npm install
ExchangeWorld~$ gulp
localhost:3000 en navigateur pour vous. ヽ (✿゚▽゚) ノAngularJS est un framework JavaScript MVW (modèle-View-Whathever) pour la création d'applications Web d'une seule page. Dans cette passe-partout, il est utilisé pour tout le routage des applications ainsi que pour toutes les vues et logiques de frontend.
Les fichiers AngularJS sont tous situés dans app/angular , structurés de la manière suivante:
Créer des dossiers nommés pour la fonctionnalité qu'ils représentent. Lorsqu'un dossier se développe pour contenir plus de 7 fichiers, commencez à envisager de créer un dossier pour eux. Votre seuil peut être différent, donc ajustez au besoin.
.
├── 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
Tout le code lié à AngularJS doit suivre le guide de style de codage
Exécutez Eslint.
$ npm run lint
# Auto fix
$ npm run lint -- --fixExécutez des JSC.
$ npm run jscs
# Auto fix
$ npm run jscs -- --fix L'injection de dépendance est effectuée avec la bibliothèque ng-annotate . Pour en profiter, un simple commentaire du format:
/** @ngInject */doit être ajouté directement avant toutes les fonctions / modules angulaires. Les tâches Gulp prendront alors soin d'ajouter toute injection de dépendance, vous obligeant uniquement à spécifier les dépendances dans l'appel de la fonction et rien de plus.