Blog

Les cinq extensions VSCode les plus importantes pour votre configuration 2021 – Un serveur de qualité

Le 6 mai 2021 , mis à jour le 4 septembre 2021 - 9 minutes de lecture


Lorsqu'il s'agit de maximiser votre productivité, peu d'écrivains ont atteint le sommet de la crédibilité de James Clare. Son best-seller du New York Times, «  Atomic Habits '', plonge dans la méthode de «  construction d'habitudes '', et suppose qu'en augmentant l'impact de toutes nos petites tâches quotidiennes de quelques pour cent, nous pouvons évoquer l'impact de l'intérêt composé et offrir un niveau de production bien supérieur avec un minimum de changements dans notre travail quotidien.

La poursuite de la configuration ultime d'amélioration de la productivité n'a été favorisée que par l'importance croissante du télétravail au cours de l'année écoulée. Avec des équipes de développement réparties sur tous les fuseaux horaires, séparées par Slack et toujours en proie aux mêmes problèmes persistants qui nous tourmentaient tous au bureau, il n'est pas surprenant que nous ayons tous recherché les meilleurs plugins, extensions et hacks. ce qui peut rendre notre travail moins stressant.

Après avoir rassemblé 4,9 millions d'utilisateurs actifs en bonne santé chaque mois, après avoir été sur scène ces six dernières années, VisualStudioCode est aujourd'hui l'un des éditeurs de code les plus utilisés dans le secteur de la technologie. Le programme électronique de Microsoft a reçu son titre pour diverses raisons, mais tout se résume à sa polyvalence globale en tant qu'IDE. De la capacité à prendre en charge la compilation pour un large éventail de langues et de systèmes différents (couvrant toutes les bases avec Windows, Linux et Mac) aux performances globales du système et à l'environnement convivial pour les débutants, le programme est un excellent choix dès la sortie du boîte.

Mais comme pour tout outil, il fonctionne mieux lorsqu'il est personnalisé, et VSCode prend tout son sens lorsqu'il est configuré avec un ensemble d'extensions robustes et complémentaires disponibles via le marché officiel de Visual Studio. Vous avez le choix entre des centaines d'extensions, mais nous avons sélectionné cinq exemples qui peuvent vous aider à créer une série d'approches qui vous font gagner du temps et, espérons-le, réduisent le stress, vous évitant ainsi les conflits de fusion désordonnés, les erreurs variables gênantes et la trajectoire de la vie de nombreux développeurs JavaScript – les points-virgules perdus ennuyeux.

Voici les cinq extensions VSCode qui valent vraiment la peine d'être téléchargées et lancées dans la boîte à outils.

Synchronisation des paramètres

Synchronisation des paramètres

La synchronisation des paramètres est l'une des méthodes les plus simples pour garantir la cohérence de votre environnement. Avec le plugin, vous pouvez configurer les paramètres, les espaces de travail, les thèmes, les extraits et même les extensions sur plusieurs machines, le tout avec la puissance de GitHub Gist. Alors que la communauté VSCode a célébré l'arrivée tant attendue d'un équivalent de première partie, Settings Sync de Microsoft, en tant que fonctionnalité intégrée du produit à la fin de l'année dernière, la fonctionnalité n'est pas sans défauts.

La synchronisation de vos paramètres sur vos ordinateurs ou avec votre équipe via la fonctionnalité intégrée de votre IDE vous oblige à le connecter à votre compte GitHub, donc tout va généralement bien si vous contribuez à un projet de travail, mais les choses commencent à devenir un peu encombrant si vous finissez par ajouter des projets secondaires actifs et plusieurs comptes d'entreprise au mélange. Cependant, la base d'onglets fidèles de cette extension peut attester du flux d'utilisateurs ultra-simple. Si vous pouvez dépasser l'interface utilisateur rétro et avez besoin d'un trousseau virtuel pour vos environnements, cela vaut la peine de jeter un coup d'œil à l'offre standard.

Serveur en direct

Paramètres en direct

À moins que vous n'ayez une solution de test de bout en bout en place, vous basculerez probablement entre votre navigateur et IDE, et vous redémarrerez le serveur en continu avant d'accéder aux outils de développement pour résoudre le problème. Une fois que Live Server est activé, vous pouvez automatiser ce processus et utiliser la fonction de rechargement en direct pour distribuer les modifications sur votre site statique ou votre application Web après chaque modification que vous effectuez.

En plus d'être largement reconnu, il ne nécessite pratiquement aucune configuration pour démarrer. Une fois installé, ouvrez le terminal dans votre espace de travail, accédez au serveur ou au site statique avec lequel vous souhaitez travailler dans votre répertoire, puis appuyez sur le bouton de diffusion "Go Live" en bas à droite de la fenêtre de l'EDI pour lancer la mise à jour automatique du serveur.

Plus beau

Plus beau

Prettier est une extension que nous avons d'abord prise pour acquise et que nous l'avons rejetée comme un autre format JSON. Cependant, la puissance du plug-in est libérée lorsqu'il est déployé parmi des équipes dispersées de développeurs. L'application se décrit comme un «formateur de code avisé» et vise à éliminer les discussions de style lors des révisions de code en établissant un «style dominant» parmi les contributeurs, puis en analysant et en réimprimant chaque fois que vous appuyez sur Enregistrer.

Il prend en charge de nombreux langages, mais est spécifiquement destiné à la communauté JavaScript avec la prise en charge d'Angular, Vue et TypeScript, ainsi que toutes les fonctionnalités expérimentales JavaScript. Ne soyez pas intimidé si vous commencez à vous battre avec les paramètres d'indentation par défaut de VSCode, et vous devrez ajuster quelques lignes dans votre base de code. Le but est d'éliminer les lentes ou les demandes d'extraction qui s'appliquent à une préférence de style plutôt qu'à une correction de matériau. Lorsque vous deux, dans ce cas, vous-même et l’élargissement, vous commencerez à partager le même point de vue, vous vous demanderez comment vous vous en êtes déjà passé.

Si vous êtes sceptique quant à ses opinions, rendez-vous sur le Playground de style repl hébergé dans les documents pour avoir une idée de la manière dont ces décisions subjectives sont prises. Si vous êtes d'accord avec les corrections, Prettier pourra peut-être vous sauver, vous et votre équipe, dans les revues de relations publiques et les discussions sur le style.

Vérificateur d'orthographe de code

Vérificateur d'orthographe de code

Il y a quelque chose dans les composants classiques de style Microsoft qui évoque vraiment un sentiment de nostalgie parmi les codeurs millénaires. L'expérience utilisateur de la «  nouvelle école '' Les applications conçues de cette manière rétro créent une sensation générale merveilleusement réconfortante. Mais au-delà du look, le tissu du vérificateur d'orthographe de code est parfait.

Au-delà des fonctionnalités intégrées de capture d'erreurs de l'IDE, le vérificateur d'orthographe de code détecte les fautes de frappe et d'orthographe difficiles, et s'avère particulièrement utile pour les programmeurs neurodivergents qui ont besoin de mécanismes supplémentaires pour prendre en charge de longues périodes de temps de vol ininterrompu.

Une autre caractéristique brillante de cette extension est la prise en charge de plusieurs types de fichiers, ainsi que d'une multitude de dictionnaires de langue mondiale. Actuellement, le vérificateur d'orthographe de code prend en charge 18 langues différentes; tous mis sur le marché grâce aux efforts de l'éditeur et de la société de développement, Street Side Software.

Animaux VSCode

Animaux VSCode

Enfin, nous nous concentrons sur une extension de code relativement nouvelle sur le bloc: VSCode Pets, un projet open source qui a vu le jour en février 2021 par l'avocat australien de Microsoft Python, Andrew Shaw. L'extension lance une "session de codage pour animaux de compagnie" qui voit un petit chat pixel-art ou un petit chien se promener autour de votre code pour vous tenir compagnie. Bien sûr, il n'y a pas de substitut à la vraie chose, mais lorsque de nombreux baux ne permettent pas de posséder un animal de compagnie, donner un ami pixelisé mignon peut être à la maison sur votre fenêtre, ce qui peut être un compagnon de bienvenue.

L'expansion n'est pas la plus stable; il nécessite la dernière version de VSCode pour fonctionner, et même dans ce cas, cela peut parfois être un peu capricieux. Cela dit, il passe le test Marie Kondo avec brio et crée un peu de joie à chaque fois que vous ouvrez votre éditeur de confiance.

Faites-nous savoir ce que vous pensez de nos choix. Quelque chose manque-t-il de votre point de vue? Contactez-nous pour nous le faire savoir.

Ressources sélectionnées

Guide d'achat BCDR pour MSP

Comment choisir une solution de continuité d'activité et de reprise après sinistre

Télécharger maintenant

Le guide définitif de la sécurité informatique

Protégez MSP et vos clients

Télécharger maintenant

Coût d'un rapport de violation de données 2020

Découvrez quels facteurs peuvent aider à réduire les coûts de fracture

Télécharger maintenant

Le guide complet pour changer de fournisseur de système téléphonique

Optimisez votre système téléphonique pour de meilleurs résultats commerciaux

Télécharger maintenant