The last few issues of Command & Conquer have focused on programming aspects. However, I realized that I haven’t talked about development environments. For a long while, I generally used a terminal and Vim, but for a few months now, I’ve been using Atom. In this article, I’ll focus on what Atom is, how you can install it, and what the benefits are to using it. What is Atom? Atom is a text editor created by GitHub. It’s hackable (meaning you can configure it however you like), and is based on web technologies. This means you can adjust the look and feel of Atom by editing CSS files and adding features with HTML and JavaScript. If anyone has used Brackets or Adobe Edge CC, Atom should be familiar to you. Install Atom? Homepage: https://atom.io/ Atom has a precompiled debian package for Ubuntu (as well as an rpm package). It can also be built from source, but it’s easiest to just download the .deb file from the homepage, and install it in Ubuntu. Unfortunately, as it’s not in a PPA, it will not update automatically. You will need to re-run these steps to update it, or use an unofficial PPA such as https://launchpad.net/~webupd8team/+archive/ubuntu/atom.
Les derniers numéros de C & C ont mis l'accent sur des aspects de la programmation. Mais j'ai réalisé que je n'avais pas parlé des environnements de développement. Pendant un long moment, j'ai utilisé en général un terminal et Vim, mais, depuis quelques mois maintenant, je me sers d'Atom. Dans cet article, je vais me concentrer sur ce qu'est Atom, comment vous pouvez l'installer, et quels sont les avantages à l'utiliser.
Qu'est-ce qu'Atom ?
Atom est un éditeur de texte créé par GitHub. Il est « hackable » (ce qui signifie que vous pouvez le configurer comme bon vous semble), et il est basé sur des technologies Web. Cela signifie que vous pouvez modifier l'aspect d'Atom en éditant les fichiers CSS et ajouter des fonctionnalités avec HTML et JavaScript. Si vous avez utilisé Brackets ou Adobe Edge CC, Atom devrait vous être familier.
Installer Atom ?
Page d'accueil : https://atom.io/
Atom a un paquet debian pré-compilé pour Ubuntu (ainsi qu'un paquet rpm). Il peut également être construit à partir des sources, mais il est plus facile de télécharger le fichier .deb de la page d'accueil et de l'installer sous Ubuntu. Malheureusement, comme il n'est pas dans un PPA, il ne sera pas automatiquement mis à jour. Vous aurez besoin de ré-exécuter ces étapes pour le mettre à jour ou utiliser un PPA non-officiel tel que https://launchpad.net/~webupd8team/+archive/ubuntu/atom.
Why should I try it? Atom offers a large collection of plugins - ranging from themes, to syntax highlighting, to plugins that will compile and execute code directly from Atom. Due to its hackable nature, you can install exactly what you want, and configure it to run however suits you best. The features integrated into its core (a file tree, tabbing, file management directly from within Atom, etc) are features almost every heavy-duty IDE has. However, not every text editor offers these same features out of the box while remaining relatively lightweight. Furthermore, support for things such as Emmet (a plugin for generating HTML using css-like selectors) can simplify your workflow. A small list of plugins I use: • Stylus - syntax highlighting and snippets for Stylus files • web-browser - a browser that opens and runs directly in atom • atom-terminal - opens a terminal in the current directory • build - build your current project from within Atom • script - runs your code in Atom • color - css color viewer • color-picker - allows you to select a color from a pallet. • emmet • project-manager - allows you to save open folders/paths into a project for easy access later. Of course, there are many, many more to choose from. Depending on what languages you program in, or your personal workflow, you may find packages I have never heard of. Lastly, Atom also offers some IDE-like features (such as collapsing code, or auto-indenting the lines in a file).
Pourquoi devrais-je l'essayer ?
Atom offre une grande collection de greffons : des thèmes, de la coloration syntaxique, des modules qui compilent et exécutent du code directement à partir d'Atom. En raison de sa nature paramétrable, vous pouvez installer exactement ce que vous voulez, et le configurer pour fonctionner comme bon vous semble.
Les fonctionnalités intégrées dans son noyau (une arborescence de fichiers, des onglets, une gestion de fichiers directement à partir d'Atom, etc.) sont des caractéristiques qu'ont presque tous les IDE poids lourds. Mais tous les éditeurs de texte ne proposent pas ces mêmes caractéristiques dès l'installation tout en restant relativement légers. En outre, la compatibilité avec des choses telles qu'Emmet (un module pour générer une page HTML en utilisant des sélecteurs du genre CSS) peut simplifier votre façon de travailler.
Une petite liste de greffons que j'utilise : • Stylus : coloration syntaxique et extraits pour fichiers Stylus ; • web-browser : un navigateur qui s'ouvre et s'exécute directement dans Atom ; • atom-terminal : ouvre un terminal dans le répertoire courant ; • build : construit votre projet actuel directement à partir d'Atom ; • script : exécute votre code dans Atom ; • color : visualiseur de couleur css ; • color-picker : permet de sélectionner une couleur dans une palette ; • Emmet ; • projet-manager : vous permet d'enregistrer des dossiers et chemins ouverts dans un projet pour un accès facile plus tard.
Bien sûr, il y a beaucoup, beaucoup plus de choix. Selon vos langages de programmation ou votre façon de travailler, vous pouvez trouver des paquets dont je n'ai jamais entendu parler.
Enfin, Atom offre également quelques fonctionnalités du genre IDE (telles que replier le code ou l'auto-indentation des lignes dans un fichier).
One thing to note One item that you might notice when you first open Atom is a vertical line running down the side of the editor area. This is intended as a visual guide for line wrapping (as most style guides recommend limiting a line to 80 characters, and then breaking it manually). If, however, you don’t want/need the visual indicator, you can hide it by disabling the wrap-guide package. This can be found under Edit → Preferences → Packages → wrap-guide. Then simply press the “Disable” button. It will not be necessary to restart the editor for changes to take effect, unless you uninstall the package. It can also be hidden in CSS, but as the package supplies only the visual guide, disabling it is easier. Hopefully this has enthused some readers to give Atom a shot the next time they want a development environment. If you know of any useful packages, cool themes, or helpful tips/tricks, feel free to send me an email at the following address. Also, if anyone has any questions, suggestions, or requests, feel free to email me at lswest34+fcm@gmail.com. Further Reading • http://atom.io - official homepage • https://github.com/atom/atom - GitHub repository https://launchpad.net/~webupd8team/+archive/ubuntu/atom - Unofficial PPA for Ubuntu
Notez une chose
Un élément que vous remarquerez peut-être lors de la première ouverture d'Atom, c'est une ligne verticale passant sur le côté de la zone de l'éditeur. Cela est conçu comme un guide visuel pour le retour à la ligne (puisque la plupart des guides de style recommande de limiter une ligne à 80 caractères, et de la terminer ensuite manuellement). Si, toutefois, vous ne voulez pas, ou n'avez pas besoin de, l'indicateur visuel, vous pouvez le masquer en désactivant le paquet wrap-guide. Vous pouvez le trouver sous Edit → Preferences → Packages → wrap-guide. Puis appuyez simplement sur le bouton « Disable ». Il ne sera pas nécessaire de redémarrer l'éditeur pour que les changements prennent effet, sauf si vous désinstallez le paquet. Il peut également être caché dans le CSS, mais, comme le paquet ne fournit que le guide visuel, il est plus facile de le désactiver.
Espérons que cela a motivé certains lecteurs d'essayer Atom la prochaine fois qu'ils veulent un environnement de développement. Si vous connaissez des paquets utiles, des thèmes sympas ou des conseils et astuces utiles, n'hésitez pas à m'envoyer un mail à l'adresse suivante. De même, si quelqu'un a des questions, des suggestions ou des demandes, n'hésitez pas à m'envoyer un mail à lswest34+fcm@gmail.com.
Pour aller plus loin
• http://atom.io - page officielle. • https://github.com/atom/atom - dépôt GitHub. • https://launchpad.net/~webupd8team/+archive/ubuntu/atom - PPA non officiel pour Ubuntu.