Présentation des éditeurs de code (code editors) : les meilleures applications pour Windows, Mac et compagnie

Les utilisateurs peuvent désormais créer des sites Internet simples sans s'y connaître en programmation, grâce à des solutions do-it-yourself modulaires. Ces outils permettent de choisir à volonté des modèles de pages Internet et des commandes, et de les mettre en place par simple glisser-déposer, pendant que le texte source correspondant est généré automatiquement. S'il s’agit toutefois de créer des sites Internet professionnels, les programmeurs disposant d’une bonne connaissance d’HTML, de CSS et JavaScript restent toujours aussi demandés. Contrairement aux projets réalisés avec des éditeurs en ligne (online code editors), les sites réalisés par des professionnels se caractérisent par une forte individualité ainsi qu’un code source propre et bien lisible.

L’outil le plus important de tout développeur de site Internet est sans aucun doute un éditeur de code proposant les fonctionnalités voulues ainsi qu’une grande convivialité, sans pour autant vous encombrer d’options inutiles. Les différents systèmes d’exploitation comme Windows, macOS ou Linux nécessitent des éditeurs de code HTML différents.

Les éditeurs de code classiques constituent une sorte d’intermédiaire entre les éditeurs de texte basiques (code text editors) et les environnements de développement intégrés complexes (integrated development environments, IDE). À la différence des éditeurs de texte, ils proposent un plus grand nombre de fonctionnalités, sans offrir les différents outils pour le développement de logiciels interconnectés des IDE. Ces environnements de développement complexes intègrent en général un éditeur de code, qui n’en est toutefois qu’un parmi les nombreux éléments.

Parmi les éditeurs de code eux-mêmes, il existe des différences, en particulier en ce qui concerne le nombre de langages de programmation et de balisage. Il existe par exemple des éditeurs qui permettent de très bien travailler en C++, Java ou bien Python, et d’autres qui sont conçus spécifiquement pour le design et le développement de sites Internet. De tels éditeurs doivent au moins permettre d’écrire et d’éditer les codes suivants : HTML, CSS et JavaScript. L’une des caractéristiques principales des éditeurs de code est la présence du mode WYSIWYG (What You See Is What You Get), soit « tel écrit, tel écran », qui montre tout de suite aux développeurs ce que donne leur code à l’écran.

Autres caractéristiques des bons éditeurs de code pour Mac (mac code editors), etc. :

• la possibilité d’enregistrer ses projets dans le langage de balisage de son choix
• la coloration syntaxique pour différents langages, de préférence configurable
• une fonction rechercher-remplacer pouvant également traiter les expressions récurrentes
• une fonction de pliage de code pour les fractions de code apparentées logiquement (folding)
• la saisie semi-automatique de code (mots, fonctions, paramètres)
• éditeur de macros
• gestion simple de snippets de code complets

Les éditeurs de code sont des logiciels très simples qui ne demandent que peu de capacités de calcul et de mémoire. L’appareil ou le système d’exploitation utilisé est fonction uniquement des choix de l’utilisateur. Pourtant, tous les éditeurs de code ne fonctionnent pas avec tous les systèmes d’exploitation, ce qui restreint le choix si on cherche un éditeur pour Linux (Linux code editor) uniquement, par exemple. Comme pour d’autres logiciels, on distingue aussi les logiciels propriétaires, les solutions open source et les logiciels gratuits, le choix d’un éditeur de code se faisant finalement souvent en fonction de son prix.

Pour vous simplifier la recherche d’un éditeur de code qui pourra vous simplifier votre projet Internet, nous vous présentons dans les sections suivantes les solutions majeures pour les différents systèmes d’exploitation, ainsi que quelques solutions multiplateformes.

Il existe divers éditeurs dont l’usage est universel. Ils proposent par conséquent différents fichiers d’installation pour chaque système ; il vous suffit donc simplement de choisir les fichiers correspondants pour pouvoir installer le programme sous Windows, macOS ou Linux. Il est toutefois possible que les versions d’un même éditeur diffèrent en fonction du système d’exploitation, faisant que certaines fonctions ne seront disponibles, par exemple, que pour Linux.

Grâce à sa grande modularité, GNU Emacs permet d’accéder non seulement aux outils standard d’un éditeur de code comme le complètement automatique et la coloration syntaxique, mais aussi, si on le souhaite, à des fonctionnalités qui vont bien au-delà de l’écriture et de l’édition de textes et de codes. On peut ajouter par exemple un lecteur audio, un gestionnaire de projet, voire un serveur Web au programme. Une des particularités d’origine de l’éditeur est l’utilisation de raccourcis clavier, qui s’avèrent assimilables sans difficulté. Emacs permet toutefois aussi de travailler largement avec la souris.

Brackets offre d’origine les principales fonctions d’édition de code. La syntaxe du code est automatiquement surlignée en couleur, Brackets proposant automatiquement des suggestions de paramètres et refermant automatiquement les parenthèses. L’onglet Rechercher permet de rechercher dans tous les documents de code ouverts des mots ou des passages de code, et éventuellement de les remplacer. La fonction Live Preview permet de voir à quoi ressemble votre projet en l’état. On peut aussi ajouter des fonctionnalités à Brackets pour Mac, Windows et Linux de façon très simple avec le gestionnaire d’extensions intégré.

Atom est étroitement associé à GitHub, c’est pourquoi cet éditeur de code offre notamment la possibilité de créer un répertoire GitHub pour votre projet sans avoir besoin d’aller sur la plateforme de développement. On peut aussi utiliser le système de gestion de versions Git pour pouvoir consulter l’ensemble des modifications effectuées, les tester et, éventuellement, les annuler. Parmi les autres fonctionnalités de base du logiciel, on compte notamment la coloration syntaxique, la détection automatique des langues, le pliage de code, la saisie semi-automatique de texte ou de code, ainsi que les fonctions de recherche et de remplacement de tous mots ou fractions de code.

Le développement Web est associé de longue date aux environnements UNIX et Linux. Des outils et des logiciels vitaux, comme le serveur Internet Apache, font généralement partie de presque toutes les distributions de cette famille de systèmes d’exploitation ; par ailleurs, l’existence de libertés d’administration est pour de nombreux utilisateurs un avantage décisif par rapport à Windows. Toutefois, les systèmes d’exploitation de Microsoft représentent un potentiel d’utilisateurs conséquent lorsqu’il s’agit de programmation et de gestion de nouveaux sites Internet. Cela se reflète dans le fait que certains éditeurs de code ont été développés exclusivement pour Windows.

Notepad++ offre déjà dans ses réglages de départ les fonctionnalités élémentaires d’un bon éditeur de code HTML. La syntaxe des diverses langues se laisse colorer, sachant qu’il est possible en option de définir ses propres caractéristiques de coloration. Il en va de même pour le regroupement des fractions de code apparentées. Par ailleurs Notepad++ dispose d’une fonction Rechercher et remplacer, ainsi que d’une fonction pour l’enregistrement et l’exécution de macros et une fonctionnalité de complètement automatique (mots, fonctions, paramètres). Les documents HTML créés avec Notepad++ se laissent prévisualiser à tout moment dans les navigateurs Firefox, Chrome, Safari ou Internet Explorer.

Dans Araneae des Quick Clips vous permettent d’insérer dans vos documents des éléments et des paramètres fréquemment utilisés (comme des tableaux, des couleurs ou du gras) d’un simple clic ou avec un raccourci clavier, ce qui facilite considérablement l’écriture du code. Si on veut s’assurer de la validité de son code, on peut utiliser la fonction de prévisualisation intégrée, qui fait s’afficher le document en cours dans son navigateur.

macOS, le système d’exploitation des ordinateurs Mac comme l’iMac ou le MacBook, est le favori de nombreux de sites et d’applications. Cela vient en particulier de ce que, en tant que logiciel de la famille BSD (Berkeley Software Distribution), il supporte de façon native différents outils de développement UNIX. Les performances des machines Mac sont également une bonne raison de développer des applications Web sur Mac. À quoi s’ajoute le fait que des applications pour iOS ne se laissent programmer que sur Mac.

C’est l’éditeur de logiciels japonais Panic qui a mis sur le marché en 2007 Coda, un éditeur de code pour Mac. En plus d’une application pour ordinateurs qu’il est possible d’acheter pour environ 90 € sur le site de Panic après une période d’essai gratuite d’une semaine, Panic propose également sur App Store une application pour iOS au prix de 27,99 €. Coda dispose des fonctions de base d’un éditeur de code. À côté de la coloration syntaxique pour diverses langues, de la saisie semi-automatique pour l’ensemble de tout projet et d’une fonction de recherche-remplacement rapide, le programme offre également la possibilité de pliage et de commentaire du code. Des plugins, largement développés par la communauté, permettent d’enrichir Coda à tout moment.

Afin de procurer aux utilisateurs le confort maximum, les fonctionnalités de Coda vont bien au-delà des caractéristiques d’un éditeur de code HTML ordinaire (html code editor). C’est ainsi que ce logiciel dispose d’un système de gestion de fichiers intégré qui ne fait pas que faciliter l’ouverture de fichiers locaux, mais permet également d’accéder à des fichiers via des serveurs (S)FTP, WebDav ou Amazon S3. Coda permet également de saisir à tout moment toutes modifications dans ses documents grâce au support de Git et de ses déclinaisons. On trouve comme fonctionnalités supplémentaires un Terminal intégré, un validateur HTML ainsi qu’un éditeur de bases de données MySQL. Par ailleurs, cet éditeur de code pour Mac dispose d’une fonction de prévisualisation grâce aux WebKits Preview ou AirPreview.

On compte, parmi les éditeurs de code pour Mac, le logiciel BBEdit est l’un des plus vénérables éditeurs pour Mac. Cette solution propriétaire de la société américaine Bare Bones Software a été présentée dès 1992 pour l’ancêtre d’OS-X et de macOS, le système d’exploitation System 6. Depuis cette époque, il a été constamment actualisé et reste ainsi, deux décennies plus tard, l’un des éditeurs de code pour Mac les plus populaires. En plus d’une version sous licence payante s'élevant à environ 45 €, Bare Bones Software propose une version de démonstration sans licence à fonctionnalités réduites, que l'on peut utiliser gratuitement tout en bénéficiant de mises à jour. Jusqu’à 2016, BB proposait aussi un éditeur de code séparé, TextWrangler (auparavant BBEdit Lite), qui a toutefois été abandonné.

BBEdit propose une combinaison équilibrée de fonctionnalités de base et de fonctionnalités complémentaires qui facilitent considérablement le travail des développeurs. Nous disposons ainsi de la coloration syntaxique en divers langages, du complètement automatique, du rechercher-remplacer pour la totalité des documents et du pliage de code, sans oublier l’accès aux fichiers par serveur (S) FTP, du support de Git et de ses déclinaisons ou d’une large gamme d’outils HTML et CSS (HTML5 étant lui aussi supporté). Le WebKit Inspector, qui fait lui aussi partie intégrante de l’éditeur, peut être utilisé pour prévisualiser le code. BBEdit est tout aussi convaincant en matière de détection de bugs. Les erreurs d’orthographe sont détectées directement dans l’éditeur de code avec le correcteur macOS, tandis que les codes fautifs de vos pages HTML sont détectés par le validateur HTML.

DroidEdit peut se télécharger à partir du Google Play Store. Il existe deux versions de cet éditeur de code pour Android : DroidEdit Free est entièrement gratuit, mais fait apparaître des bandeaux publicitaires. DroidEdit Pro est payant (un peu plus de 2 €), mais a l’avantage de supporter, entre autres, le système de gestion de versions Git. Par ailleurs, la version payante permet également d’accéder à des serveurs (S) FTP et aux interfaces des services de stockage en ligne Dropbox, Google Drive et Box.