Créer et modifier des applications

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".

Étiquettes et contributeurs liés au document

 Contributeurs à cette page : Hell_Carlito, pixoux
 Dernière mise à jour par : Hell_Carlito,