Bases emberJS
Installation
Installation node et npm
En invite de commande :
Vérifier si node est installé :
node -v
Installer au besoin nodeJs
Tester la version de npm :
npm -v
Pour mettre à jour npm :
npm install npm@latest -g
Installation d'ember-cli
npm install -g ember-cli@2.18
Commandes ember-cli
Création d'une application
Création de l'application myApp
ember new myApp
La structure de l'application créée est la suivante :
┌─app ├─bower_components ├─config ├─dist ├─node_modules ├─public ├─tests ├─tmp └─vendor bower.json ember-cli-build.js package.json README.md testem.js
| Dossier/fichier | Rôle |
|---|---|
| app | Contient les sources de l'application : routes, components, models, templates, controllers, services |
| bower_components / bower.json | bower est un gestionnaire de dépendances pour js (utilisé par ember-cli pour gérer les plugins) |
| config | contient le fichier environnement.js gérant la configuration de l'application |
| dist | Contient le build de l'application après son déploiement |
| node_modules / package.json | packages npm (node.js) |
| public | Dossier pour les assets (fonts, css, images…) |
| tests / testem.js | Tests automatisés (exécutables par ember-cli) |
| tmp | dossier pour fichiers temporaires utilisés par ember-cli |
Lancement du serveur
cd myApp ember serve
Le serveur doit afficher les informations suivantes :
Livereload server on http://localhost:7020 Serving on http://localhost:4200/
L'application ember est consultable à l'adresse http://127.0.0.1:4200
Le serveur peut être arrêté par la frappe des touches CTRL+C
127.0.0.1