Atom est un éditeur de texte qui permet aux développeurs de créer et éditer des sites Web, des programmes et des applications. Développé par GitHub, le plus grand centre communautaire de développement de logiciels et de sites web sur Internet, Atom est construit pour la collaboration.
Il dispose d’un logiciel utilitaire moderne, accessible et modifiable qui permet aux utilisateurs créatifs de continuer à développer et créer des travaux et des applications de codage étonnants. Il est hautement personnalisable et vous permet de remplacer les packages (plug-ins) intégrés et de télécharger votre propre package sur son référentiel central (cloud) atom.io. L’outil contient plus de 50 packages open source qui s’intègrent autour de son noyau minimal. Il supporte les langages PHP, CSS, Javascript, HTML, et bien plus encore.
Atom est open source, multi-plateforme et compatible avec les systèmes d’exploitation Windows, macOS et Linux. Lors de l’installation, vous pouvez l’utiliser immédiatement en utilisant ses paramètres par défaut.
Maintenant que les présentations sont faites, passons à l’installation et à son paramétrage.
Installer Atom sur son ordinateur
Pour commencer, cliquez sur le lien suivant pour télécharger la version compatible (mac ou windows) du logiciel. Une fois le téléchargement effectuer, il suffit de cliquer sur le fichier pour lancer son installation, comme pour n’importe quel logiciel.
Paramétrer Atom
Comme évoquer plus haut dans l’article, un des avantage d’Atom est sa personnalisation. Nous l’utiliserons principalement pour créer des projets web et coder HTML et CSS. Afin de faciliter l’utilisation, voici une petite liste de packages (plug-ins) qui nous seront utiles et faciliterons la progression dans l’apprentissage des langages web.
Emmet : Il s’agit d’un outil très populaire pour les développeurs, c’est le package officiel pour Atom. Il offre une série de raccourcis et d’abréviations qui rendent l’écriture de code plus rapide et plus efficace.
Atom Beautify : Personne n’aime le code laid, mal ordonné et illisible. Installez donc ce package Atom et voyez la magie oppérer. En un saimple raccourci clavier, votre code s’ordonnera et s’incrémentera correctement.
Project Manager : Passer d’un projet à l’autre dans Atom n’est pas le processus le plus intuitif. Grace au plug-in Project manager, gagnez en souplesse et en rapidité pour travailler sur différents projets simultanément.
Pigment : Pigments est un package simple qui vous permet de voir les couleurs RVB et hexadécimales à l’intérieur de l’éditeur. Plus besoin de garder des palettes supplémentaires en arrière-plan ou d’autres outils. Quelle que soit la combinaison de couleurs que vous saisissez, elle apparaît comme un point culminant pour le code lui-même. Simple, facile et utile tout en un.
Atom-live-server : Atom-live-server est un package étonnant qui affiche les modifications que vous apportez dans votre éditeur de texte Atom directement sur le navigateur. Une fois le package installé, allez dans le menu Packages et dans atom-live-server, cliquez sur Démarrer le serveur. Il démarrera un serveur local et exécutera votre projet dessus. Et chaque fois que vous enregistrez le fichier, le résultat s’affiche en direct sur le navigateur. Cela peut être très pratique pour une conception rapide.
minimap : Cette fonctionnalité est utile pour faire défiler rapidement les codes sources trop longs pour la hauteur de la fenêtre. Vous pouvez même définir la position à gauche ou à droite, activer/désactiver les surbrillances du code, et plus encore.
French-menu : Quoi de mieux quand on bloque sur l’anglais que d’avoir une interface traduite dans sa langue maternelle ? French-menu permet, comme son nom l’indique d’afficher en français les menu d’Atom.
Autosave-onchange : Ce petit package fort pratique permet de faire des enregistrements automatiques… fini les oublis d’enregistrements !
“Et toi ? C’est quoi ton must have ? ”
Bonus
Encore des soucis ? Pour terminer cet article et faciliter votre entrée dans l’univers d’Atom, voici une petite vidéo reprenant les point importants d’une bonne installation de votre setup.