Différences

Ci-dessous, les différences entre deux révisions de la page.

--- richclient:emberjs:bases [2018/01/17 00:30] – [Installation node et npm] jcheron
+++ richclient:emberjs:bases [2019/08/31 14:21] (Version actuelle) – modification externe 127.0.0.1
@@ Ligne 30: / Ligne 30: @@
 npm install -g ember-cli@2.18
 </sxh>
+===== Commandes ember-cli =====
+==== Création d'une application ====
+Création de l'application myApp
+<sxh bash;gutter:false>
+ember new myApp
+</sxh>
+La structure de l'application créée est la suivante :
+<sxh bash;gutter:false>
+┌─app
+├─bower_components
+├─config
+├─dist
+├─node_modules
+├─public
+├─tests
+├─tmp
+└─vendor
+bower.json
+ember-cli-build.js
+package.json
+README.md
+testem.js
+</sxh>
+|< 100% >|
+^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 ====
+<sxh bash;gutter:false>
+cd myApp
+ember serve
+</sxh>
+Le serveur doit afficher les informations suivantes :
+<sxh bash;gutter:false>
+Livereload server on http://localhost:7020
+Serving on http://localhost:4200/
+</sxh>
+L'application ember est consultable à l'adresse <nowiki>http://127.0.0.1:4200</nowiki>
+Le serveur peut être arrêté par la frappe des touches <wrap keyboard>CTRL+C</wrap>