Cette traduction est incomplète. Aidez à traduire cet article depuis l'anglais.
Créer et ouvrir des applications
Dans le menu "Ouvrir une application", vous avez trois options : créer une nouvelle application, ouvrir une application empaquetée, ouvrir une application hébergée.
Créer une nouvelle application
Sélectionner "Nouvelle application..." pour créer une nouvelle application. Une boîte de dialogue vous offrira le choix entre deux templates, "Provileged Empty App" et "Priviliged App".
Ces deux templates proviennent de la collection de templates d'applications de Mozilla, et vous apporte la structure de base dont vous avez besoin pour commencer. Le "Privileged App" vous montre de quelle façon une application peut utiliser les permissions pour charger un contenu d'un autre domaine (dit "cross-origin").
Une fois votre template selectionné, on vous demandera de nommer l'application et de choisir un répertoire pour stocker les fichiers, puis la nouvelle application sera chargée dans l'éditeur de projets.
Ouvrir une application packagée
Sélectionnez "Ouvrir une application packagée..." pour ouvrir une application packagée. Il vous sera demandé de sélectionner le répertoire contenant le manifeste de l'application, puis l'application sera ouverte dans l'éditeur de projets.
Ouvrir une application hébergée
Sélectionnez "Ouvrir une application hébergée..." pour ouvrir une application hébergée. Il vous sera demandé d'entrer une URL référençant le manifeste de l'application, puis l'application sera ouverte dans l'éditeur de projets.
Modifier des applications
L'éditeur de projet fournit un environnement pour l'édition des applications. Il y a une arborescence des fichiers de l'application à gauche : vous pouvez ici ajouter ou supprimer des fichiers en utilisant un menu contextuel. A droite, il s'agit du panneau d'édition.
La page de résumé de l'application
Lorsque vous ouvrez pour la première fois ou créez une application, le panneau d'édition vous affiche la page de résumé de l'application, qui est montrée ci-dessous :
Vous pourrez toujours réafficher la page de résumé de l'application en cliquant sur la racine de l'arborescence à gauche.
Validation du manifeste
WebIDE vérifie automatiquement le manifeste pour certains problèmes fréquents. Si une erreur est trouvée, cela indique que l'application n'est pas valide et la description du problème apparaît dans la page du résumé de l'application.
Evidemment, vous pouvez modifier le fichier manifest.webapp directement dans l'éditeur de projet.
L'éditeur de code source
WebIDE utilise l'éditeur de code source CodeMirror.
Raccourcis de l'éditeur de code source
Cette liste présente les raccourcis par défaut pour l'éditeur de code source.
Dans les options liées à l'éditeur, vous pouvez choisir d'utiliser les raccourcis Vim, Emacs, ou Sublime Text.
Pour les sélectionner, rendez-vous dans about:config, sélectionnez le paramètre devtools.editor.keymap et lui affecter la valeur « vim », « emacs », ou « sublime ». Ainsi, les commandes sélectionnées seront utilisées pour tous les outils de développement qui utilisent l'éditeur de source. Il vous faudra réouvrir l'éditeur pour que ce changement soit pris en compte.
A partir de Firefox 33, cette option de raccourcis clavier est directement disponible dans la section des préférences de l'éditeur dans le panneau « Options des outils » (plutôt que de passer par about:config).
| Windows | Mac OS X | Linux | |
|---|---|---|---|
| Aller à la ligne | Ctrl + J | Cmd + J | Ctrl + J |
| Chercher dans le document | Ctrl + F | Cmd + F | Ctrl + F |
| Chercher à nouveau | Ctrl + G | Cmd + G | Ctrl + G |
| Tout sélectionner | Ctrl + A | Cmd + A | Ctrl + A |
| Couper | Ctrl + X | Cmd + X | Ctrl + X |
| Copier | Ctrl + C | Cmd + C | Ctrl + C |
| Coller | Ctrl + V | Cmd + V | Ctrl + V |
| Annuler | Ctrl + Z | Cmd + Z | Ctrl + Z |
| Rétablir | Ctrl + Maj + Z / Ctrl + Y | Cmd + Maj + Z / Cmd + Y | Ctrl + Maj + Z / Ctrl + Y |
| Indenter | Tab | Tab | Tab |
| Désindenter | Maj + Tab | Maj + Tab | Maj + Tab |
| Déplacer la/les ligne(s) vers le haut | Alt + Haut | Alt + Haut | Alt + Haut |
| Déplacer la/les ligne(s) vers le bas | Alt + Bas | Alt + Bas | Alt + Bas |
| Commenter/décommenter la/les ligne(s) | Ctrl + / | Cmd + / | Ctrl + / |
Complétion du code
Lorsque vous éditez du CSS et du JavaSript, l'éditeur fournit des suggestions d'autocomplétion. L'autocomplétion CSS est toujours activée :
Pour afficher les suggestions d'autocomplétion en JavaScript, pressez Ctrl + Espace
Documentation inline
L'éditeur vous affiche également la documentation inline pour le JavaScript. Pressez Shift + Espace pour voir s'afficher une popup contenant la documentation du symbole que votre curseur survole :
Cliquer sur le lien [docs] vous redirigera vers la page MDN du symbole.
Sauvegarder les fichiers
Afin que les modifications de vos fichiers prennent effet, vous devez les sauvegarder. Les fichiers dont les modifications n'ont pas été enregistrées affichent un asterisque à côté de leur nom dans l'arborescence, et vous pouvez les enregistrer en utilisant le menu ou Ctrl + S (Cmd + S sur Mac OS X).
Supprimer des applications
Pour supprimer une application depuis l'éditeur de code, allez sur la page de résumé de l'application et cliquez sur "Supprimer le projet".