Aller au contenu principal

Éditeurs

Traduction Bêta Non Officielle

Cette page a été traduite par PageTurner AI (bêta). Non approuvée officiellement par le projet. Vous avez trouvé une erreur ? Signaler un problème →

Coloration syntaxique

Coloration syntaxique

Actuellement, de nombreux éditeurs populaires prennent en charge la coloration syntaxique ES2015+ nativement, tandis que d'autres nécessitent l'installation d'extensions supplémentaires. Ce guide vous aidera à configurer la coloration syntaxique.

Pour des intégrations plus avancées, consultez le guide de Configuration.

Astuce : La police utilisée dans la capture ci-dessus est FiraCode.

Atom

Installez le package language-babel et suivez les instructions.

Emacs

Installez le js2-mode, probablement le meilleur mode JavaScript disponible pour Emacs. Il offre une coloration syntaxique très précise grâce à un analyseur récursif descendant, une reconnaissance stricte de la norme Ecma-262, prend en charge la plupart des extensions Rhino et SpiderMonkey depuis la version 1.5, et signale en temps réel les erreurs de syntaxe et les avertissements en mode strict.

En complément de js2-mode, vous pouvez installer deux autres packages : js2-refactor qui ajoute des refactorisations puissantes, et xref-js2 qui facilite la navigation vers les références ou définitions de fonctions.

Sublime Text 3

Commencez par installer Package Control. Puis installez le package Babel depuis le menu Package Control et suivez les instructions.

Vim

Installez le plugin vim-javascript, qui apporte à la fois une coloration syntaxique améliorée et une meilleure gestion de l'indentation pour JavaScript dans Vim.

Une autre option consiste à utiliser yajs.vim avec es.next.syntax.

Visual Studio Code

Installez l'extension vscode-language-babel et suivez les instructions.

Il existe apparemment une autre méthode pour activer la coloration syntaxique, que vous pouvez découvrir dans la documentation Visual Studio Code.

WebStorm

WebStorm inclut désormais le support ES2015+ sans nécessiter d'extensions supplémentaires. Vous devrez peut-être l'activer.

Emacs

Installez le js2-mode.

Une alternative consiste à utiliser web-mode.