Biz Stone, «Décidez-vous! La charge de bâtir une grande du fondateur de Twitter »
Une des différences entre les très bons programmeurs et les bons programmeurs est les outils qu'ils utilisent. Le choix des bons outils peut rendre la vie d'un développeur beaucoup plus facile. Cela fait référence au réglage fin des IDE utilisés lors de l'écriture de code. De nombreux programmeurs utilisent Visual Studio Code ces jours-ci. Cet éditeur de code prend en charge l'installation d'extensions. Il y a tellement de ces extensions que nous pouvons dire que les options de personnalisation de VS Code sont presque infinies. Mais sur Visual Studio Marketplace
, un nombre incroyable d'extensions sont publiées sur le site où les extensions pour VS Code sont publiées. Cela signifie qu'il est difficile pour les programmeurs de trouver exactement ce dont ils ont vraiment besoin. Si une certaine extension semble utile à quelqu'un, il est fort possible qu'elle profite également à d'autres personnes. Par conséquent, je vais vous parler ici de 7 extensions pour VS Code qui peuvent grandement faciliter le travail du programmeur. Ce sont toutes des extensions gratuites. Tout le monde peut les télécharger et les utiliser librement.
1. Client REST
L'extension REST Client permet, directement à partir de VS Code, d'envoyer des requêtes HTTP, et de visualiser immédiatement les réponses à celles-ci. Cette extension vous permet de dire adieu aux applications externes que vous auriez autrement à utiliser pour faire des requêtes aux serveurs.
Cette extension est très populaire étant donné qu'elle compte plus d'un million de téléchargements. Il est utilisé par de nombreux programmeurs. J'utilise le client REST depuis un certain temps maintenant et je pense que c'est un excellent outil.
Il est très facile et pratique de créer et d'envoyer des demandes. Lorsque vous travaillez avec lui, des constructions syntaxiques claires sont utilisées, ce qui facilite son utilisation dans diverses situations. Par exemple, l'envoi d'une simple requête GET ne nécessite qu'une seule ligne de code contenant le mot
GET- clé et l'URL.
En général, je recommande d'essayer cette extension pour quiconque a besoin de la fonctionnalité d'un client REST.
Travailler avec le client REST
2. CSS Peek
Si vous aimez le développement Web, CSS Peek est une extension indispensable dans votre boîte à outils. Cette extension vous permet de visualiser rapidement les règles CSS appliquées à divers éléments HTML. Pour voir le code CSS correspondant, placez simplement le pointeur de la souris sur le nom de classe de l'élément ou son ID.
Vous trouverez ci-dessous le processus de travail avec CSS Peek.
Travailler avec CSS Peek
Mais les capacités de cette extension vont au-delà de la navigation de style. Entre autres, il vous permet de passer rapidement au code des règles CSS utilisées pour styliser les éléments. Cela vous fait gagner beaucoup de temps à la recherche de sélecteurs correspondants.
3. Embellir
Si vous aimez le code propre, vous allez certainement adorer l'extension Beautify . Il vous permet de formater votre code. Beautify prend en charge JavaScript, HTML, CSS, Sass et JSON.
La meilleure partie de cette extension est qu'elle se prête à une personnalisation approfondie. Par exemple, cela inclut la définition des tailles d'indentation et la spécification si les fichiers doivent être terminés par une nouvelle ligne. Beautify convient à ceux qui écrivent du code dans différents langages de programmation, pour chacun desquels vous pouvez définir vos propres paramètres.
Beautify, avec plus de 5 millions de téléchargements, fait partie du top 20 des extensions les plus populaires.
4. Balise de renommage automatique
L'extension Auto Rename Tag résout un problème très simple, mais malgré cela, elle peut prendre sa juste place dans la boîte à outils du programmeur. À savoir, il automatise la tâche de renommer les balises HTML. En particulier, si la balise de début est renommée, la balise de fin change également. La même chose se produit lorsque vous renommez la balise de fin.
Si vous souhaitez qu'une balise de fermeture automatique soit automatiquement saisie après avoir entré une parenthèse qui termine la balise de début, jetez un œil à l'extension Balise de fermeture automatique . Si vous possédez ces deux extensions, cela vous aidera beaucoup à écrire du code HTML, à rendre votre travail plus efficace et les résultats de votre travail plus cohérents.
Utilisation d'une balise de renommage automatique
5. Quokka.js
L' extension Quokka.js est une sorte de sandbox pour expérimenter le code, intégré directement à l'éditeur. Il vous permet de travailler avec des fichiers en affichant les conseils appropriés directement dans le code. Ces conseils apparaissent pendant le processus de saisie du texte du programme, ce qui est très pratique.
Travailler avec Quokka.js
6. Night Owl
Quel est le coût de l'optimisation de VS Code sans utiliser un thème étonnant? Les programmeurs passent beaucoup de temps à travailler dans l'éditeur, donc plus l'éditeur est attrayant, mieux c'est.
Night Owl est l'un des grands thèmes utilisés par de nombreux programmeurs. La description dit qu'il est conçu pour ceux qui sont assis devant l'ordinateur jusque tard dans la nuit.
Thème Night Owl
Mais si vous n'aimez pas ce thème, ça va. Il existe de nombreux autres bons sujets, dont l'un vous conviendra certainement.
7. Extraits de code JavaScript (ES6)
L'extension d' extraits de code JavaScript (ES6) qui encapsule ce matériel offre au développeur un ensemble d'extraits de code qui vous permettent de créer rapidement des constructions JavaScript modernes.
Par exemple, si, en utilisant cette extension, entrez
clget appuyez sur Enter- il entrera dans le code console.log. La maîtrise de tous les extraits de code disponibles dans cette extension peut prendre un certain temps. Mais quelqu'un qui a implémenté des extraits de code JavaScript (ES6) pourra écrire très rapidement du code JS moderne. Cela paie pour le temps passé à apprendre cette extension.
Quelles extensions pour VS Code utilisez-vous?
