Nous avons récemment publié une traduction d'un article sur les extensions VS Code utiles pour les développeurs Python. C'est au tour de JavaScript!
La dernière fois, les lecteurs ont partagé leurs favoris dans les commentaires. Nous espérons qu'aujourd'hui nous pourrons aussi collecter une excellente collection d'extensions VS Code utiles pour JavaScript.
J'utilise PyCharm Pro et WebStorm, un IDE de Jetbrains depuis plusieurs années maintenant . Comme ce ne sont pas des produits bon marché, chaque fois que je les recommande, les gens me suggèrent de passer à VS Code, car cet éditeur est gratuit et cool en même temps. Après plusieurs discussions de ce type sur Reddit, j'ai promis de tester VS Code dans quelques semaines.
Parmi les avantages importants de VS Code (outre, bien sûr, le coût «gratuit»): la possibilité de personnaliser et l'écosystème de plugins. Je voulais tirer le meilleur parti de l'essai, c'est pourquoi j'avais besoin de plugins. Encore une fois sur Reddit, on m'a conseillé un grand nombre d'extensions différentes, et aujourd'hui je voudrais parler des plugins pour VS Code que j'ai particulièrement aimé.
Malgré mes expériences avec VS Code, je continue à travailler avec mes bien-aimés PyCharm et WebStorm, car je me suis habitué à eux au fil des ans. Leur coût est pleinement justifié par la valeur et la qualité. Cela étant dit, VS Code m'a agréablement surpris: c'est un outil très simple et rapide.
ESLint
ESLint est sans aucun doute l'une des extensions les plus populaires parmi les développeurs JS. Il applique les règles ESLint dans le code et affiche le résultat dans l'éditeur. Cela vous permet d'identifier et de corriger rapidement les violations des règles. ESLint sera utile à tous les développeurs JS, car il contribue à améliorer les performances et la qualité du code.
Télécharger ESLint
Plus jolie
Prettier est un outil de formatage de code avisé qui s'intègre à VS Code, Visual Studio, Atom, Vim, Sublime Text et d'autres éditeurs. Une petite extension pratique pour vous aider à formater votre code, indenter votre code et mettre en évidence les mots-clés pour rendre le code plus facile à lire.
Bien entendu, ces fonctionnalités utiles réduiront le travail de formatage et augmenteront donc notre productivité. Grâce à Prettier, la lisibilité du code sera très élevée.
Télécharger Prettier
Quokka.js
L' extension Quokka.js fournit un prototypage JavaScript rapide dans l'éditeur VS Code. Il s'agit d'un bac à sable en temps réel pour les développeurs JavaScript et TypeScript. Quokka.js est souvent appelé le bloc-notes moderne des développeurs JavaScript.
Avez-vous déjà voulu tester quelque chose rapidement et avez fini par utiliser la console du navigateur? Ou exécutez-vous
node
-process dans le terminal et essayez-vous là-bas? L'objectif principal de cette extension est d'exécuter rapidement et facilement du code directement dans l'éditeur VS Code.
Télécharger Quokka.js
Client REST
Le client REST est une extension pour VS Code qui vous permet d'envoyer des requêtes HTTP et de voir la réponse directement dans VS Code.
Il s'agit de Postman pour VS Code, mais intégré à l'éditeur de code.
Le client REST prend en charge les API REST et GraphQL.
Télécharger le client REST
Débogueur pour Chrome
Le débogage de JavaScript peut être frustrant. Chrome et d'autres navigateurs offrent d'excellents outils pour vous aider à démarrer.
Cependant, ils ne sont souvent pas faciles à utiliser. En outre, ces outils ne sont pas très pratiques, en particulier lors de l'utilisation de frameworks et de nombreuses bibliothèques.
Debugger for Chrome est une extension développée par Microsoft qui vous aide à déboguer facilement votre code pour chaque petit changement.
La console d'extension est agréablement surprenante par sa puissance, surtout lorsque vous avez besoin de savoir dans quelle ligne et fonction une erreur s'est produite. Vous pouvez même suivre le traitement des données.
Exécutez le code dans Chrome et déboguez-le dans l'éditeur de code.
Télécharger le débogueur pour Chrome
Serveur en direct
Live Server vous permet d'exécuter un serveur de développement local avec une fonctionnalité de rechargement en direct pour les pages statiques et dynamiques. Ce n'est pas très pertinent pour ceux qui travaillent avec des frameworks qui ont déjà configuré live-reload, tels que React. Cependant, si vous travaillez avec d'autres bibliothèques ou du contenu statique, cette extension vous sera certainement utile.
Télécharger Live Server
Partage en direct
C'est un outil incroyable! Je ne sais pas s'il existe quelque chose comme ça pour WebStorm. Avec Live Share, vous pouvez partager votre éditeur de code avec d'autres. C'est parfait pour la programmation en binôme, surtout maintenant que la plupart des gens travaillent encore à distance en raison de la pandémie.
Je l'ai essayé et je l'ai aimé!
Télécharger Live Share
Extraits de code JavaScript (ES6)
Comme vous l'avez probablement remarqué, presque toutes les extensions de cette liste sont des améliorations de performances et les extraits de code JavaScript (ES6) ne font pas exception.
Le nom parle de lui-même! Cette extension aidera à augmenter la vitesse de codage en travaillant avec un ensemble prédéfini d'extraits de code. Les extraits peuvent être personnalisés selon nos préférences en installant des packages prédéfinis ou en créant les nôtres.
Télécharger des extraits de code JavaScript (ES6)
JavaScript Babel
JavaScript a beaucoup évolué ces derniers temps. Un grand nombre de frameworks et de bibliothèques sont apparus, par exemple React, Flow, GraphQL et, par conséquent, de nombreuses nouvelles façons de concevoir du code.
Babel JavaScript vous permet de travailler avec la dernière syntaxe JavaScript ainsi qu'avec les bibliothèques listées ci-dessus. L'extension offre à l'éditeur JavaScript les dernières et les plus belles versions de syntaxe.
Télécharger Babel JavaScript
Un pro sombre
Les développeurs passent des années dans un éditeur de code, il est donc particulièrement important que nous soyons satisfaits de son apparence et de son esthétique. One Dark Pro est un thème pour VS Code qui rend l'éditeur plus beau, comme ce à quoi je suis habitué.
Télécharger One Dark Pro
Production
Après avoir essayé VS Code, j'ai été agréablement surpris de constater à quel point il est rapide et fiable.
En le personnalisant avec des extensions, je pourrais également avoir une idée de sa puissance.
Comme il s'agit de l'un des éditeurs de code les plus populaires du marché (sinon le plus populaire), il existe une énorme communauté qui crée des outils et des extensions pour le rendre encore meilleur. C'est ce que j'ai toujours aimé dans les produits Jetbrains et ce que j'aime dans VS Code maintenant.
VS Code est un excellent choix pour tout développeur. Je recommande! Cependant, WebStorm et PyCharm ont toujours une place spéciale dans mon cœur.
Merci d'avoir lu cet article!