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.