11-code-atom.md

layout	title
page	Atom

Un outil de développement: Atom

• Configurer Atom pour un projet web:
• configurer la synchro FTP
• configurer le "live reload"

Configurer Atom pour un projet web

Quelques astuces pour la bonne utilisation d'Atom.

Note: pour bien fonctionner, Atom exige d'être placé dans le dossier Applications de MacOSX. Vous risquez de voir des erreurs si vous le lancez depuis un autre emplacement.

Aller dans Atom > Préférences:

• Sous Keybindings, vous verrez la liste des raccourcis clavier.

• Sous Packages, vous verrez la liste des Packages (extensions) installés.

• Sous Themes, vous pouvez définir le thème de l'interface. Vous pouvez choisir un thème UI pour l’interface utilisateur, et un thème de Syntaxe.

• Ouvrir un projet: il est possible d'ouvrir un projet: avec la fonction File > Open, on peut choisir un dossier de projet (veiller à ne pas séléctionner de fichier). Cela permet de voir l’arborescence, utile quand on travaille sur un projet web.

Ajouter des fonctionnalités supplémentaires avec des Packages

• autoclose-html : pour fermer automatiquement les balises HTML.
• webbox-color : pour prévisualiser les couleurs CSS.
• color-picker : pour avoir un sélecteur de couleur.
• linter (et linter-csslint, linter-htmlhint) : pour détecter les erreurs de syntaxe dans votre code.
• remote-sync : pour permettre la syncronisation automatique avec un serveur FTP.
• livereload : pour recharger la fenêtre de navigateur dès que vous sauvez votre projet.
• minimap : pour avoir la vue miniature du code, commme dans Sublime Text.