Vous serez déjà familier avec un éditeur de texte si vous avez suivi des cours Codecademy. Vous trouverez ci-dessous l’éditeur de texte de Codecademy en plein écran à la fin du premier module du cours HTML.
Bien que l’environnement d’apprentissage de Codecademy offre une expérience de codage intuitive et conviviale, vous aurez parfois besoin d’utiliser votre propre éditeur de texte. Par exemple, si vous décidez de participer à un Meetup ou à un cours de codage en personne, ils utiliseront un éditeur de texte téléchargeable, et vous devrez l’installer pour travailler sur des projets en classe et à la maison.
J’ai tâté de quelques éditeurs de texte pour mieux sentir ce qui convient le mieux à mes besoins. Ceci est crucial car il n’existe pas de « meilleur » éditeur de texte, seulement celui qui vous permet de créer votre meilleur travail.
Dans cet article, je vais fournir une comparaison approfondie de deux des éditeurs de texte les plus populaires : Visual Studio et Sublime Text.
Visual Studio
Visual Studio (l’éditeur de texte est connu sous le nom de Visual Studio Code, nous y ferons donc référence à partir de maintenant) est l’éditeur de texte gratuit de Microsoft qui fonctionne sur Windows, Linux et macOS. C’est un entrant récent sur le marché ; Microsoft a publié le produit en tant que preview publique à la fin de 2015, en publiant le code open source sur Github, avant de le rendre disponible en tant que version générale en avril 2016.
Malgré son statut de débutant, Visual Studio Code a rapidement gagné en popularité parmi les développeurs, se classant comme l’environnement de développement le plus populaire dans l’ensemble de l’enquête 2018 sur les développeurs de Stack Overflow.
Les bases
Voici à quoi ressemble l’écran d’accueil de Visual Studio Code lorsque vous écrivez votre première ligne de code ou que vous ouvrez un fichier déjà créé :
Dans le panneau supérieur gauche, vous pouvez voir les différentes variantes du code que vous éditez. Dans ce cas, je modifie un fichier appelé « style.css. »
Le panneau du milieu est l’endroit où vous modifiez le code que vous avez écrit ou que vous devez corriger ; vous pouvez ouvrir et modifier plusieurs fichiers différents côte à côte.
La disposition de Visual Studio présente une similitude avec la disposition de l’éditeur de texte de Codecademy dans sa simplicité et sa facilité d’utilisation. Jetez un œil à l’éditeur de texte de Codecademy ci-dessous pour une comparaison.
Vous pouvez, bien sûr, modifier la mise en page également. Le mode Zen est l’un de mes préférés, notamment parce qu’il semble si relaxant. En réalité, il s’agit d’un mode plein écran qui vous permet d’éditer du code sans distraction.
Plus de fonctionnalités
Visual Studio Code vous permet d’éditer du code dans une grande variété de langages de programmation. L’exemple que j’ai utilisé ci-dessus est le CSS (oui, je classe le CSS comme un langage de codage !). CSS est l’un des langages de programmation intégrés, mais vous pouvez installer et configurer d’autres langages, tels que Python et C#, via le marché des extensions.
Débogage
L’un des exercices classiques que vous ferez lorsque vous apprendrez à programmer est de » casser » du code et d’essayer de le réparer à nouveau. Dans mes premiers jours de programmation, j’ai passé des âges à fixer des lignes de code jusqu’à ce que mes yeux deviennent flous, en essayant de comprendre pourquoi ce que j’avais écrit ne se reflétait pas dans le produit final.
Heureusement, Visual Studio Code inclut une fonctionnalité de débogage pour aider à détecter ces erreurs avant que vous n’atteigniez le stade des yeux flous. Pour commencer à déboguer votre code, il vous suffit soit d’appuyer sur F5 pour l’exécuter dans votre fenêtre actuelle, soit d’aller dans le menu « Debug ».
Vous pouvez également créer des « points d’arrêt », qui sont des points où le processus de débogage s’arrêtera automatiquement.
A un niveau de débogage plus basique, Visual Studio Code détecte automatiquement les problèmes mineurs dans votre code, et vous y conduit directement afin que vous puissiez résoudre le problème facilement.
Intellisense
Lorsque j’apprenais à coder, l’un des conseils que le professeur nous donnait lorsque nous ne savons pas comment faire quelque chose était de le chercher sur Google. Microsoft a construit une fonctionnalité dans Visual Studio Code appelée Intellisense, qui est une alternative à la recherche du problème sur Google (ou « Bing-ing », dans le cas de Microsoft).
IntelliSense analyse la sémantique (les lettres) de ce que vous saisissez, ainsi que le reste du code que vous avez créé, puis fournit des suggestions sur la façon de terminer ce que vous écrivez. Vous pouvez accéder à toute une série de compléments différents grâce à Intellisense, notamment des suggestions de serveur de langue, des extraits et des compléments textuels basés sur des mots.
IntelliSense est disponible pour les langages de programmation les plus courants, notamment HTML, CSS et Javascript, mais pour les autres langages, vous devrez installer une extension.
Et le reste
Visual Studio Code possède un certain nombre d’autres fonctionnalités utiles qui vous aideront tout au long de votre parcours de codage en vous aidant à mieux visualiser votre code et à accélérer votre programmation. Cela inclut :
- La prise en charge des snippets : Cela vous permet de créer un catalogue de petites parties de code réutilisables, que vous pouvez insérer dans des corps de code plus importants
- Fonctionnalité « Aller à » : Cela vous permet de trouver et d’aller rapidement aux symboles, aux fichiers, aux lignes et aux définitions
- La coloration syntaxique : Cela affiche le code dans différentes couleurs et polices en fonction du type de langage de codage utilisé.
Impression générale
L’heure des confessions : Je suis un utilisateur de longue date de Windows/Microsoft Office. Cette décision (pas cool) s’explique en partie par le fait que je trouve les produits Microsoft familiers et faciles à naviguer. Il en va de même pour Visual Studio Code.
Même si vous êtes novice en matière d’éditeurs de texte, VS Code est facile à prendre en main et à utiliser tout de suite. Il a un look et une sensation Microsoft, et il a deux couches qui le rendent idéal pour tout type d’utilisateur.
Si vous êtes un codeur novice, il est facile de travailler sur les commandes de base (plus Microsoft a écrit des tonnes de documentation pour lui), mais si vous êtes un utilisateur expert qui cherche à faire de la programmation sérieuse, il y a beaucoup d’options de fonctionnalités avancées là aussi.
Sublime Text (Version 3)
Sublime Text, qui a été développé par un ancien ingénieur de Google, existe depuis 2007. La première différence majeure entre lui et Visual Studio Code (VSC) est qu’il a un coût de licence de 80 $, bien qu’il ait une version d’essai gratuite. Tout comme VSC, il fonctionne sur Windows, Linux et macOS, et est le quatrième environnement de développement le plus populaire en 2018 selon StackOverflow.
La dernière version de Sublime Text – la version 3 – a été en version bêta pendant plus de quatre ans, de janvier 2013 jusqu’à sa mise à disposition du public en septembre 2017.
Les bases
Lorsque vous ouvrez Sublime Text pour la première fois, vous obtenez un éditeur de texte dépouillé. Il n’y a pas de barre latérale, pas d’options de recherche, pas d’option pour vous amener directement à la barre latérale des extensions. Il offre une mise en page plus ciblée pour vous aider à vous concentrer sur le codage. Il y a une petite minimap dans le coin supérieur droit pour vous donner une vue d’ensemble de votre code.
Il s’est ouvert assez rapidement par rapport à Visual Studio Code et, si vous êtes prêt à vous atteler à l’édition du code, il constitue le point de départ idéal. Cependant, si vous êtes nouveau dans les éditeurs de texte, les autres caractéristiques et fonctionnalités sont plus difficiles à trouver. La plupart de ce dont vous avez besoin se trouve dans les menus en haut, mais vous voudrez également appeler la palette de commande (plus d’informations à ce sujet ci-dessous) à partir du menu Outils pour obtenir plus rapidement ce dont vous avez besoin.
Fonctionnalités de Sublime Text
Si vous voulez tirer le meilleur parti de Sublime Text, vous voudrez installer des plugins supplémentaires pour vous donner les fonctionnalités supplémentaires. Pour ce faire, vous devez installer Package Control, ce que nous allons vous expliquer ci-dessous.
Package Control
Package Control est similaire au marché des extensions de Visual Studio, mais il n’est pas disponible prêt à l’emploi. Il y a beaucoup de paquets (ou plugins) disponibles pour les personnes qui débutent en programmation, comme un paquet de démarrage pour C++, un paquet qui aidera avec les complétions Python (un peu comme Intellisense dans Visual Studio), et Emmet, qui vous aide à écrire HTML et CSS plus rapidement en vous permettant d’utiliser des abréviations, qu’il développe automatiquement.
Palette de commande
Lorsque vous utilisez la fonctionnalité Palette de commande, vous serez en mesure de trouver et de naviguer vers n’importe quelle commande beaucoup plus rapidement que si vous devez aller la chercher dans les menus. Vous pouvez accéder à peu près à tout, et la Palette de commande se remplira également automatiquement pour vous, donc si vous n’êtes pas sûr de ce que vous cherchez exactement, elle vous suggérera quelques options.
Par exemple, si vous travaillez sur un projet et que vous devez rapidement ajouter un nouveau dossier, ou enregistrer le projet sur lequel vous travaillez, vous pouvez rapidement faire apparaître cette option. Ou si vous voulez créer des snippets sans avoir à naviguer dans les menus, vous pouvez le faire aussi.
Pour accéder à la palette de commande, il suffit d’appuyer sur ctrl + shift + p.
Fonctionnalité Goto
Il existe un menu dans Sublime Text dédié à toute la fonctionnalité « Goto » au sein de cet éditeur de texte. Il s’agit d’une version beaucoup plus complète du menu « Aller à » propre à Visual Studio.
Parmi les points forts, citons Goto Symbol (ajouté dans Sublime Text 3), qui vous permet de trouver facilement tous les exemples de symboles dans un fichier. L’exemple ci-dessous concerne les balises H1 (il n’y avait qu’un seul exemple au sein de ce fichier).
Projets
La fonctionnalité Projets fait référence à une façon d’organiser les dossiers et les fichiers au sein de Sublime Text. Cela signifie que tous les dossiers et fichiers sont stockés au même endroit et rapidement accessibles depuis la barre latérale dès que vous ouvrez le projet, plutôt que de devoir continuer à ouvrir manuellement d’autres fichiers. Cela signifie également que vous pouvez effectuer une recherche (rapide) sur tous les fichiers d’un projet en même temps.
Vous ne pouvez avoir qu’un seul projet ouvert dans un espace de travail à la fois, donc si vous voulez changer de projet, vous devez sélectionner l’option « Changer de projet ».
Visual Studio possède une fonctionnalité similaire appelée « Espaces de travail », qui vous permet d’ouvrir et de travailler sur plusieurs fichiers à la fois.
Et le reste
Sublime Text possède une foule d’autres fonctionnalités, plus « petites », qui méritent d’être mentionnées ici. Cela inclut :
- Les snippets : Celles-ci fonctionnent de la même manière qu’avec Visual Studio, mais vous pouvez également construire les vôtres, ou en installer davantage à partir d’extensions
- Multi-edit : Lorsque vous appuyez sur ctrl + d, toutes les instances du mot ou de la commande sur laquelle vous êtes actuellement seront mises en évidence dans le fichier, vous pouvez également appuyer sur ctrl + f pour trouver et remplacer des mots.
Overall impression
Sublime Text est un éditeur de texte rapide et dépouillé qui est chaud pour organiser et rechercher dans le code que vous avez écrit, et être capable de sauter facilement à n’importe quelle fonction ou symbole rapidement. Sa fonctionnalité « Goto » et ses nombreux raccourcis clavier permettent aux développeurs expérimentés de s’y retrouver, d’écrire et de trouver facilement du code sans avoir à lâcher le clavier. Pour les codeurs plus novices (comme moi), il faut plus de temps pour s’y habituer.
Sublime Text ne comprend pas d’option de débogage, ce qui pourrait être un problème pour les développeurs qui ont besoin de cette fonctionnalité.
Quel éditeur de texte choisir ?
Visual Studio pourrait être classé comme un environnement de développement intégré (IDE), car il permet aux programmeurs d’écrire et de tester le code. Sublime Text, en revanche, est « juste » un éditeur de texte (bien qu’il soit excellent) car il se concentre sur la fourniture du moyen le plus rapide d’organiser et d’écrire votre code, mais aucune capacité à tester (déboguer) le code.
Une autre différence majeure entre Visual Studio Code et Sublime Text est le support que Microsoft fournit par rapport à Sublime Text. Microsoft a créé des rames de documentation expliquant presque toutes les fonctionnalités et comment les utiliser, ainsi que des articles de blog et des tutoriels vidéo pour aider les utilisateurs à se familiariser avec l’éditeur de texte.
Sublime Text fournit une documentation plus difficile à trouver, un article de blog expliquant les fonctionnalités de la dernière version et un forum.
Sublime Text est rapide et facile à écrire du code et à s’y retrouver lorsque vous savez ce que vous faites. Visual Studio fournit plus de prise en main et est une excellente option pour sa fonctionnalité de débogage, mais pourrait ralentir certains programmeurs expérimentés rapides lorsqu’il s’agit d’écrire du code.
La version la plus récente de Sublime Text est un forum.