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 thè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 fonctionnalités supplé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.