Différences

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

--- js:ember:intro [2017/10/12 11:58] – jcheron
+++ js:ember:intro [2019/08/31 14:21] (Version actuelle) – modification externe 127.0.0.1
@@ Ligne 2: / Ligne 2: @@
 ===== Prérequis =====
-  * Installer au besoin [[https://www.npmjs.com/|npm]] qui doit être présent sur le poste de travail
+  * Installer au besoin [[https://nodejs.org/en/download/|Node.js]] et [[https://www.npmjs.com/|npm]] qui doivent être présents sur le poste de travail
   * Faire en sorte que npm soit exécutable en mode console (ajout au path sous Windows)
@@ Ligne 12: / Ligne 12: @@
 </sxh>
+Vérifier la version de ember-cli installée :
+<sxh bash;gutter:false>
+ember -version
+</sxh>
+===== Création d'une application =====
+Ember-cli doit être accessible depuis l'invite de commande.
+La commande **new** permet de créer un nouveau projet, nommé first-project
+<sxh bash;gutter:false>
+ember new first-project
+</sxh>
+Compléter l'installation :\\
+A partir du dossier du projet nouvellement créé :
+<sxh bash;gutter:false>
+npm install
+</sxh>
+Lancer ensuite le serveur de développement :
+<sxh bash;gutter:false>
+ember serve
+</sxh>
+et aller à l'adresse <nowiki>http://127.0.0.1:4200</nowiki>
+{{https://guides.emberjs.com/v2.16.0/images/ember-cli/default-welcome-page.png?800|}}
+===== Structure d'un projet =====
+Le projet nouvellement créé a la structure suivante :
+<sxh bash>
+|--app
+|--config
+|--node_modules
+|--public
+|--tests
+|--vendor
+<other files>
+ember-cli-build.js
+package.json
+README.md
+testem.js
+</sxh>
+|< 100% >|
+^Dossier ^Rôle ^
+| app | Dossier contenant les fichiers correspondants aux models, components, routes, templates and styles. La majorité du code d'un projet Ember est stockée dans ce dossier. |
+| config | Contient le fichier environment.js permettant de configurer l'application. |
+| node_modules | packages npm (node modules), dont la définition est contenue dans package.json. |
+| public | Contient les assets, telles que images, fonts. |
+| vendor | Contient les dépendances front-end (JavaScript, CSS) non gérées par bower. |
+| tests | Dossier contenant les tests automatisés et leur configuration dans testem.js (pour ember-cli) |