Choisir, installer et paramétrer un éditeur de texte

Dans cet article, nous présentons les éléments principaux à connaître pour installer un éditeur de texte utilisé pour du développement web.

Prérequis : Vous devriez déjà connaître les différents logiciels nécessaires pour construire un site web.
Objectif : Apprendre comment choisir un éditeur de texte qui répondra à vos besoins en tant que développeur web.

Un site web est, pour une grande partie, composé de fichiers texte. Pour cette raison, afin de développer dans les meilleures conditions, vous devriez choisir votre éditeur de texte soigneusement.

La quantité d'éditeurs de texte existants peut être un peu écrasante. Il en existe beaucoup car c'est un outil de base en informatique (et oui, le développement web est un des domaines de l'informatique). En général, vous pouvez utiliser autant d'éditeurs de texte que vous voulez pour voir lequel vous convient le mieux en termes d'ergonomie et de méthode de travail. Pour vous aider, voici quelques pistes.

Voici quelques questions qui peuvent vous aider à choisir :

  • Quel système d'exploitation (OS) utilisez-vous pour travailler ?
  • Quelles technologies souhaitez-vous manipuler ?
  • Quelles types de fonctionnalités de bases attendez-vous de la part d'un éditeur de texte ?
  • Souhaitez-vous ajoutez des fonctionnalités supplémentaires à votre éditeur de texte ?
  • Souhaitez-vous bénéficier d'aide ou d'un support pour votre éditeur de texte ?
  • Est-ce que le style et l'apparence du logiciel sont importants pour vous ?

Nous n'avons pas évoqué le prix. Bien entendu, cela a également son importance. Cependant, il faut garder à l'esprit qu'il n'y a pas nécessairement de lien entre le coût d'un outil et la richesse de ses fonctionnalités. Un éditeur de texte étant un outil de base pour le développement, il est très probable que vous trouviez un éditeur de texte gratuit qui réponde tout à fait à vos besoins.

Note : Le développement web est un domaine principalement anglophone, vous trouverez de nombreuses documentations également en français mais soyez conscient-es que la plupart des informations autour de certains logiciels seront en anglais sur le Web.

Voici un tableau de quelques éditeurs de texte connus :

Éditeur Licence Prix Système d'exploitation Support Documentation Extensible
Atom MIT/BSD Gratuit Windows, Mac, Linux Forum Manuel en ligne Oui
Brackets MIT/BSD Gratuit Windows, Mac, Linux Forum, IRC Wiki GitHub Oui
Coda Propriétaire 99 $ Mac Twitter, Forum, e-mail eBook Oui
Emacs GPL 3 Gratuit Windows, Mac, Linux FAQ, liste de diffusion (anglophone), News Group Manuel en ligne / Tutoriel en français depuis l'éditeur / pages sur Ubuntu-fr Oui
Espresso Propriétaire 75 $ Mac FAQ, e-mail Pas de documentation utilisateur mais il existe une documentation pour les extensions (plug-ins) Oui
Gedit GPL Gratuit Windows, Mac, Linux Liste de diffusion (anglophone), IRC Manuel en ligne (en français) / Introduction sur Ubuntu-fr Oui
Komodo Edit MPL Gratuit Windows, Mac, Linux Forum Manuel en ligne Oui
Notepad++ GPL modifiée Gratuit Windows Forum Wiki Oui
PSPad Propriétaire Gratuit Windows FAQ, Forum Aide en ligne Yes
Sublime Text Propriétaire $70 Windows, Mac, Linux Forum Documentation officielle, documentation officieuse Oui
TextMate Propriétaire $50 Mac Twitter, IRC, liste de diffusion (anglophone), E-mail Manuel en ligne, Wiki Oui
TextWrangler Propriétaire Gratuit Mac FAQ, Forum Manuel PDF Non
Vim Licence ouverte spécifique Gratuit Windows, Mac, Linux Liste de diffusion (anglophone), tuppervim (communauté francophone) Manuel en ligne, tutoriel en français disponible depuis l'éditeur, introduction sur Ubuntu-fr (en français) Oui

Pédagogie active

Il n'y a, pour le moment, pas de matériau pour la pédagogie active. Cependant, vous pouvez contribuer.

Aller plus loin

Critères de choix

Rentrons dans les détails, à quoi faut-il penser lorsqu'on choisit un éditeur de texte ?

Quel est le système d'exploitation que j'utiliser pour travailler ?

Bien entendu, vous êtes entièrement libre de choisir le système d'exploitation que vous utilisez. Cependant, certains éditeurs ne sont disponibles que pour certains systèmes d'exploitation. Aussi, si vous souhaitez passer facilement d'un système d'exploitation à un autre, cela réduit le choix. N'importe quel éditeur de texte permettra de faire ce qui est nécessaire s'il fonctionne sur votre système, malgré cela, un éditeur multi-plateforme facilitera le passage d'un système d'exploitation à un autre.

Il faut donc tout d'abord déterminer le système d'exploitation que vous utilisez puis vérifier si l'éditeur de texte est supporté sur ce système. La plupart des éditeurs affichent sur leur site web s'ils fonctionnent sur Windows ou Mac ou Linux. Attention, certains éditeurs ne fonctionnent que sur certaines versions de systèmes d'exploitation. Si vous utilisez Ubuntu, préférez passer par la Logithèque Ubuntu. Par ailleurs, le monde Linux/UNIX est un environnement assez varié et chaque distribution fonctionne à sa façon, éventuellement avec un système de paquets qui peut être incompatible avec d'autres distributions. Dans ce cas, si vous souhaitez à tout prix utiliser un éditeur de texte d'une autre distribution, vous pourriez avoir à le recompiler depuis le code source (déconseillé aux âmes sensibles).

Quelles sont les technologies que je serai amené-e à manipuler ?

De façon générale, n'importe quel éditeur de texte peut ouvrir n'importe quel fichier texte. Cela fonctionne parfaitement pour prendre des notes toutes simples. En revanche, pour le développement web et la manipulation de fichiers HTML, CSS, et JavaScript, on peut être amené à manipuler des fichiers beaucoup plus grands et complexes. Simplifiez-vous la vie en choisissant un éditeur de texte qui s'adapte aux technologies que vous utilisez. De nombreux éditeurs de texte pourront vous aider avec des fonctionnalités comme :

  • La coloration du code. Cela permet que les fichiers soient plus lisibles grâce à la coloration des mots-clés des langages utilisés.
  • L'auto-complétion. Cela vous permet de gagner du temps en complétant automatiquement les portions de codes (par exemple en fermant automatiquement les balises HTML, en suggérant des valeurs de propriétés CSS, etc.).
  • Les fragments (snippets) de code. Vous verrez, lorsque vous utiliserez HTML (ou d'autres technologies), que pour chaque document, certains éléments sont répétés à chaque fois. Le logiciel vous épargnera de nombreux copier-coller en insérant automatiquement le fragment à répéter et vous pourrez vous concentrer sur le contenu « utile » des documents.

La plupart des éditeurs de texte supporte désormais la coloration du code. Ce n'est pas toujours vrai pour les deux autres fonctionnalités. Pour le développement web, assurez-vous que votre éditeur de texte supporte la coloration syntaxique du code pour HTML, CSS, et JavaScript.

Quelles sont les fonctionnalités de base dont j'ai besoin ?

Cela dépendra avant tout de vos besoins et de ce que vous prévoyez de faire. Généralement, ces fonctionnalités s'avèrent plutôt utiles :

  • Chercher et remplacer, dans un ou plusieurs documents à la fois, notamment grâce aux expressions rationnelles ou à d'autres motifs de recherche
  • Aller rapidement à une ligne donnée
  • Pouvoir voir deux parties d'un même document simultanément (utile pour les longs documents)
  • Voir le HTML tel qu'il est rendu dans le navigateur
  • Sélectionner du texte simultanément sur plusieurs zones
  • Voir l'arborescence des répertoires et des fichiers de votre/vos projet(s)
  • Formater automatiquement votre code grâce à l'éditeur
  • Vérifier l'orthographe ou le code

Est-ce que je souhaite ajouter des fonctionnalités supplémentaires à mon éditeur de texte ?

Un éditeur de texte peut avoir peu de fonctionnalités de base mais être extensible pour s'adapter à vos besoins.

Si vous n'êtes pas certain-e des fonctionnalités dont vous avez besoin ou que votre éditeur préféré ne possède pas, de base, les fonctionnalités que vous recherchez, vous pouvez choisir un éditeur extensible. Les meilleurs éditeurs fournissent de nombreuses extensions (plugins) et d'outils pour installer ces plugins automatiquement. Ces extensions vous permettront d'ajouter de nouvelles fonctionnalités à votre éditeur.

Si vous appréciez avoir de nombreuses fonctionnalités et que tout ces plugins ralentissent votre éditeur, vous pouvez utiliser un environnement de développement intégré (ou IDE pour Integrated Development Environment en anglais). Un IDE fournit de nombreux outils au travers d'une même interface. Cela peut paraître un peu intimidant pour les débutants mais cela peut aussi être un bon choix si votre éditeur de texte vous semble trop limité pour vos besoins. Les IDE les plus connus sont :

Ai-je besoin d'aide ou d'un support pour utiliser mon éditeur de texte ?

Il est toujours bon de savoir s'il est possible d'avoir de l'aide lorsqu'on utilise un logiciel. En ce qui concerne les éditeurs de texte, ces deux points seront relativement importants :

  1. Est-ce qu'il existe des documents à destination des utilisateurs ? (FAQ, manuel, aide en ligne)
  2. Existe-t-il des ressources pour discuter avec les développeurs ou d'autres utilisateurs ? (forum, e-mail, IRC)

N'hésitez pas à utiliser la documentation écrite disponible lorsque vous démarrez avec un éditeur. Vous pouvez également échanger avec les autres utilisateurs sur des forums ou listes de diffusion pour diagnostiquer les éventuels problèmes que vous rencontrez lors de l'installation ou de l'utilisation de l'éditeur.

Est-ce que l'apparence de mon éditeur est importante ?

Cela dépend de vos goûts. Certaines personnes apprécient pouvoir personnaliser tous les éléments de l'interface utilisateur, certains préfèrent une interface épurée avec peu de boutons, voire n'interagir qu'avec le clavier. Les éditeurs sont tous différents et vérifiez dès le début si votre éditeur se personnalise à votre convenance. Vous trouverez sans difficulté un éditeur dont vous pouvez changer le thème et les couleurs mais il sera préférable d'utiliser un IDE pour le personnaliser sous tous les angles.

Installation et paramétrage

L'installation d'un éditeur de texte est généralement simple. La méthode varie en fonction du système d'exploitation ou de la plateforme que vous utilisez mais dans tous les cas, cela ne devrait pas être trop complexe :

  • Windows : Sur le site de l'éditeur ou sur le support d'installation, vous aurez un fichier .exe ou .msi. Il peut arriver que le logiciel soit empaqueté dans un format compressé tel que .zip, .7z, ou .rar. Dans ce cas, vous aurez besoin d'installer un programme supplémentaire pour extraire le contenu de l'archive compressée. Par défaut, Windows gère le format .zip.
  • Mac : Sur le site de l'éditeur ou sur le support d'installation, vous aurez un fichier .dmg. Vous pouvez également trouver certains éditeurs sur l'Apple Store, ce qui simplifie le processus d'installation.
  • Linux : Les distributions les plus populaires vous permettent d'utiliser un gestionnaire de paquets avec une interface graphique (Logithèque Ubuntu, mintInstall, Logithèque GNOME, etc.). Vous trouverez généralement un fichier .deb ou .rpm qui correspond au logiciel empaqueté. Dans la plupart des cas, vous pourrez également le dépôt de paquets de votre distribution. Dans le pire des cas, il vous faudra compiler l'éditeur à partir du code source. Prenez le temps de vérifier les instructions d'installations et les compatibilités sur le site web de l'éditeur.

Lorsque vous installez un nouvel éditeur de texte, il est probable que votre système d'exploitation continue à ouvrir les fichiers texte avec l'éditeur par défaut pour chaque format si vous ne changez pas les associations de fichiers. Ces instructions vous aideront à modifier les associations sur chaque système d'exploitation. De cette façon, vous pourrez ouvrir les fichiers dans votre éditeur de texte favori en double-cliquant sur les fichiers :

Prochaines étapes

Maintenant que vous avez un bon éditeur de texte, vous pouvez prendre le temps de finaliser votre environnement de travail ou vous pouvez aussi démarrer tout de suite et écrire votre première page web.