{"id":251746,"date":"2023-09-07T10:34:00","date_gmt":"2023-09-07T07:34:00","guid":{"rendered":"https:\/\/inform.click\/plugins-de-texte-sublimes-pour-les-developpeurs-javascript\/"},"modified":"2023-09-07T10:51:00","modified_gmt":"2023-09-07T07:51:00","slug":"plugins-de-texte-sublimes-pour-les-developpeurs-javascript","status":"publish","type":"post","link":"https:\/\/inform.click\/fr\/plugins-de-texte-sublimes-pour-les-developpeurs-javascript\/","title":{"rendered":"Plugins de texte sublimes pour les d\u00e9veloppeurs JavaScript"},"content":{"rendered":"

\n L’\u00e9diteur de texte sublime<\/strong> est un nom assez familier parmi la communaut\u00e9 des d\u00e9veloppeurs (novices et professionnels). Il a \u00e9t\u00e9 d\u00e9velopp\u00e9 avec un support multiplateforme pour l’\u00e9dition du code source et du texte.\n<\/p>\n

\n Bien que la version actuelle (Sublime text 3) soit en phase b\u00eata, elle est plus rapide que la version 2 et est livr\u00e9e avec de nombreuses fonctionnalit\u00e9s. Il prend en charge de mani\u00e8re native un large \u00e9ventail de langages de programmation et de balisage, et les plug- ins d’\u00e9diteur de texte sublime gratuits cr\u00e9\u00e9s<\/strong> par la communaut\u00e9 ont port\u00e9 ses fonctionnalit\u00e9s \u00e0 un niveau sup\u00e9rieur.\n<\/p>\n

\n De nombreux d\u00e9veloppeurs s’en tiennent \u00e0 cet \u00e9diteur en raison du vaste r\u00e9f\u00e9rentiel de plugins. Dans cet article, nous nous concentrerons sur certains des plugins les plus utiles aux d\u00e9veloppeurs JavaScript.\n<\/p>\n

\n peluchage\n<\/p>\n

\n Les outils de linting aident les d\u00e9veloppeurs \u00e0 d\u00e9tecter les erreurs, les divergences syntaxiques et les probl\u00e8mes potentiels. Il peut \u00e9galement \u00eatre utilis\u00e9 pour s’assurer que le projet correspond \u00e0 une certaine directive de codage.\n<\/p>\n

\n SublimeLinter-eslint<\/a>
\n<\/h5>\n

\n Il prend en charge la version Sublime Text 3 et fournit une interface \u00e0 ESLint<\/a> pour fonctionner avec des fichiers ayant une syntaxe \u00ab\u00a0JavaScript\u00a0\u00bb. SublimeLinter 3, Node.js, npm et eslint sont les conditions pr\u00e9alables \u00e0 l’installation de ce plugin. Il englobe une pl\u00e9thore de r\u00e8gles avec des options pour \u00e9galement personnaliser L’option exacte vous sera donn\u00e9e d’\u00e9crire dans le fichier de configuration afin de d\u00e9sactiver tous les avertissements et erreurs. Une chose importante \u00e0 noter ici est que ce plugin est le seul \u00e0 prendre en charge JSX et le support pour ES6 est bien plus sup\u00e9rieur par rapport aux autres plugins.\n<\/p>\n

\n Utilisation<\/strong>: Selon la configuration de SublimeLinter, le code sera pelucheux lors de l’\u00e9dition ou de l’enregistrement. Ceci peut \u00eatre configur\u00e9 en utilisant la Choose Lint Mode<\/code>commande.\n<\/p>\n

\n Sublime-JSHint<\/a>
\n<\/h5>\n

\n Le plug-in JSHint Gutter est compatible avec Sublime Text 2 et 3. Permet aux d\u00e9veloppeurs de v\u00e9rifier le code JavaScript pour d\u00e9tecter les erreurs \u00e9pouvantables et les conventions de codage. Ce plugin peut \u00e9galement \u00eatre configur\u00e9 pour afficher un indice dans la goutti\u00e8re et fonctionner sans probl\u00e8me avec les fichiers .jshintrc sp\u00e9cifiques au projet. Il s’appuie sur JSHint, un fork de JSLint. Comme le linter est \u00e9crit en JavaScript, Node.js est n\u00e9cessaire pour interpr\u00e9ter le code JavaScript en dehors du navigateur.\n<\/p>\n

\n Utilisation<\/strong>: Ctrl+alt+J<\/code>pour Windows ou Cmd+Option+J<\/code>si vous \u00eates sur Mac. Vous pouvez \u00e9galement faire un clic droit, s\u00e9lectionner JSHint et cliquer sur Lint Code<\/code>. Une autre fa\u00e7on consiste \u00e0 ouvrir un fichier JavaScript, \u00e0 ouvrir la console dans Sublime Text depuis View, puis \u00e0 Show Console, et \u00e0 taper view.run_command(\"jshint\")<\/code>. Il est recommand\u00e9 de configurer votre propre combo de touches pour cela en allant dans Pr\u00e9f\u00e9rences -> Liaisons de touches – Utilisateur, et en ajoutant une commande comme { \"keys\": [\"ctrl+shift+j\"], \"command\": \"jshint\" }<\/code>dans ce tableau.\n<\/p>\n

\n Mise en page
\n<\/h3>\n

\n Les outils de formatage sont utilis\u00e9s pour embellir les blocs de code et les formater pour les rendre plus lisibles.\n<\/p>\n

\n Sublime-jsfmt<\/a>
\n<\/h5>\n

\"\"<\/a><\/p>\n

\n Ce plugin prend en charge les deux versions de Sublime Text et formate automatiquement le code JavaScript selon un style particulier. Le d\u00e9veloppeur n’a pas besoin de lire les avertissements et de r\u00e9soudre manuellement le probl\u00e8me de formatage. In peut \u00eatre install\u00e9 via le gestionnaire de packages en s\u00e9lectionnant jsfmt<\/code>dans le menu d\u00e9roulant.\n<\/p>\n

\n Utilisation<\/strong>: le fichier .jsfmtrc sp\u00e9cifique au projet peut \u00eatre plac\u00e9 dans le r\u00e9pertoire racine du projet pour les configurations. Il est accessible par le chemin suivant: Preferences -> Package Settings -> Sublime JSFMT<\/code>. En dehors de cela, il existe une disposition pour configurer un raccourci clavier en allant dans Pr\u00e9f\u00e9rences -> Liaisons de touches – Utilisateur et en ajoutant { \"keys\": [\"ctrl+q\"], \"command\": \"format_javascript\" }<\/code>dans le tableau.\n<\/p>\n

\n FormatJs<\/a>
\n<\/h5>\n

\n Il prend en charge les deux versions de Sublime Text. Ce plugin de formatage JavaScript utilise le formateur de ligne de commande de jsbeautifier<\/a> en arri\u00e8re-plan pour formater tout le fichier js, json ou seulement la partie s\u00e9lectionn\u00e9e d’un fichier. La configuration sp\u00e9cifique au projet peut \u00e9galement \u00eatre effectu\u00e9e par les param\u00e8tres du fichier .jsbeautifyrc. En dehors de cela, les styles d’espace blanc et de formatage sont \u00e9galement personnalisables.\n<\/p>\n

\n Utilisation<\/strong>: La liaison de cl\u00e9 par d\u00e9faut est ctrl+alt+f<\/code>pour Windows et cmd+option+f<\/code>sur Mac. Le plug-in utilise des param\u00e8tres de tabulation\/retrait configur\u00e9s avec les param\u00e8tres standard translate_tabs_to_spaces<\/code>et tab_size<\/code>sublimes.\n<\/p>\n

\n Analyse de code
\n<\/h3>\n

\n Ce sont les moteurs d’inf\u00e9rence de code utilis\u00e9s pour acc\u00e9l\u00e9rer le processus de d\u00e9veloppement en fournissant l’auto-compl\u00e9tion du code, des conseils d’argument de fonction, etc.\n<\/p>\n

\n Sterne pour Sublime<\/a>
\n<\/h5>\n

\n Ce plugin d’analyse de code pour JavaScript a \u00e9t\u00e9 d\u00e9velopp\u00e9 pour s’int\u00e9grer aux \u00e9diteurs de code pour une \u00e9dition JavaScript intelligente. Il est livr\u00e9 avec quelques fonctionnalit\u00e9s astucieuses comme:\n<\/p>\n