Geek

Mes plugins préférés pour Atom

Découvrez dans cet article ma sélection de plugins et de thèmes pour l’éditeur de code Atom de Github.

Atom et moi, c’est une longue histoire. Au début je détestai cet éditeur de code. Aujourd’hui, on s’est réconcilier et on est de plus en plus les meilleurs amis du monde. Notamment grâce à ses performances revue en hausse, sa stabilité et sa bibliothèques de plugins et de thèmes qui aujourd’hui est assez riche.

Découvrons ensemble quelques plugins/thèmes que j’ai installé sur mon Atom pour être plus productif, plus rapide et profiter d’une interface personnalisée.

Préambule

Atom-Install-Plugins

Sachez que tout les plugins que j’ai listés ici peuvent être installer directement depuis le menu Install dans les réglages. J’ai tout de même ajouter le lien de chaque plugin pour que vous puissiez installer celui que j’utilise et qui fonctionne à 100% et ne pas vous tromper avec un des doublons.

Emmet pour Atom

Emmet.io

Premier plugin que j’installe sans perdre une seconde: Emmet. Déjà disponible sur quasi tout les éditeurs de code, Emmet vous permet d’être très rapide pour “coder” en HTML et CSS. C’est un must-have pour les développeurs web front-end. Vous pouvez en savoir plus sur Emmet ici.

Emmet sur Github.

Minimap

minimap

Si vous utilisez Sublime Text, une des choses très intéressantes est la “map” de votre code à droite. Très utile pour défiler dans votre document de manière fluide. Elle est également disponible sur Atom grâce à ce plugin.

Minimap sur Atom

Atom-Beautify

beautifyBeautify permet de rendre plus joli la présentation de votre code. Il permet en gros de ré-indenter correctement votre code si vous y êtes aller en mode bourrin, ce qui arrive plus souvent que l’on ne le croit, avouez 😉

Atom-Beautify sur Atom

Atom CSS-Comb

csscomb

CSSComb est plus ou moins comme Beautify mais celui-ci est plus “spécialisé” pour le CSS. Vous pouvez vous en passez car Beautify prend également en charge le CSS mais je préfère le style de CSSComb. A vous de voir 🙂

CSS-Comb sur Github

Colorpicker

colorpicker

Colorpicker est un plugin qui me fait gagner un temps fou en proposant tout bêtement… un sélectionneur de couleur comme proposé dans Photoshop. Simple, beau et hyper utile, vous savez ce qu’il vous reste à faire 😉

Colorpicker sur Atom

File Icons

file-icons

Petit plugin qui permet d’ajouter une petite icône à vos fichiers, ce qui vous permet de “gagner” un peu de temps au lieu d’aller chercher l’extension dans le nom du fichier. C’est un repère en plus en somme que je trouve assez pratique, et qui surtout rend plus sexy votre éditeur de code.

File-Icons sur Atom

Highlight-Selected

highlight-selected

Hightlight-Selected permet de mettre en surbrillance la balise que vous avez sélectionnée. Pratique pour voir où celle-ci se ferme, par exemple.

Highlight-Select sur Atom

 

Autoclose-html

Autoclose-HTML est un plugin qui, comme son nom  l’indique, permet d’autofermer les balises HTML que vous avez oublier. C’est un peu inutile si vous utilisez correctement Emmet mais dans le cas où vous y allez sans, c’est toujours ça de gagner! 🙂

Autoclose-html sur Atom

Open-Recent

open-recent

Open Recent permet d’ajouter au menu File la possibilité de retrouver les fichiers récents ouverts, fonctionnalité qui manque à Atom par défaut.

Open-recent sur Atom

Pigments

pigments

Pigments permet d’afficher directement en surbrillance les codes couleurs directement sur votre code afin de pouvoir les identifier en un clin d’œil.

Pigments sur Atom

Todo-Show

todo showTodo-Show vous permet simplement d’afficher les TODO que vous avez ajouter à votre projet mais également les FIXME, CHANGED, etc…

Todo-Show sur Atom

 

D’autres à venir !

Je découvre de jours en jours de nouveaux plugins grâce à mes découvertes persos et, je l’espère, grâce à vos commentaires. Je compte ajouter les nouveaux au fur et à mesure dans ce même article si celui-ci article vous plaît (n’hésitez pas à le dire via les commentaires!).

 

 

Noter cet article

Brüsk Kurt

Etudiant en E-Business à la HEPL & Cégep Vanier (Belgium + Canada). Ex-Etudiant en Informatique de Gestion à HELMo. Développeur Web. Informaticien, et super-héro IT. Je réalise des sites web et booste les performances des entreprises. Sur mon blog, vous trouverez des articles traitant de mes passions: le web, l'informatique, les jeux vidéos et autres geekeries.

Articles similaires

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée.

Fermer