22 extensions utiles pour un programmeur novice

2024 Auteur: Malcolm Clapton | [email protected]. Dernière modifié: 2023-12-17 03:55

Extensions pour Chrome et Visual Studio Code qui facilitent de nombreuses tâches de codage et vous font gagner du temps.

Extensions Chrome

1. WhatFont est un moyen simple de savoir quelle police est utilisée sur un site particulier afin de la trouver et de l'utiliser dans vos projets.

2. Pesticide est un outil de mise en évidence des contours et de modifications CSS. Utile lors de la maîtrise du modèle de disposition des blocs.

3. Colorzilla est un outil permettant d'obtenir des couleurs précises à partir de sites Web. Pour plus de commodité, le code couleur est copié directement dans le presse-papiers.

4. CSS Peeper est une extension permettant d'afficher les couleurs et les éléments utilisés sur les sites Web: illustrations, documents texte, fichiers de mise en page, fichiers vidéo.

5. Wappalyzer est un utilitaire qui vous permet d'identifier les systèmes de gestion de contenu, les frameworks, les logiciels serveur, les outils d'analyse et les autres technologies utilisées sur les sites.

6. Les outils de développement React sont un outil utile pour déboguer les applications React.js.

7. Redux DevTools est un outil de débogage d'applications utilisant Redux.

8. JSON Formatter est une extension pour simplifier la lisibilité de JSON avec la coloration syntaxique, l'indentation, les liens cliquables.

9. Vimeo Repeat and Speed est une extension simple pour accélérer le service vidéo Vimeo, ce qui est utile lorsque vous regardez des didacticiels vidéo.

Extensions pour le code VS

10. La balise de renommage automatique est une extension permettant de renommer les balises HTML. Lorsque vous modifiez la balise d'ouverture, la balise de fermeture change automatiquement.

11. Prise en charge CSS HTML - Prise en charge CSS des documents HTML avec mise en évidence de la syntaxe, connexion de fichiers CSS distants et d'autres fonctionnalités utiles.

12. Les extraits HTML sont des extraits prêts à l'emploi pour gagner du temps.

13. Babel ES6 / ES7 est un outil de mise en évidence et de vérification syntaxique de Babel JavaScript.

14. Bracket Pair Colorizer est un outil pour colorer les crochets d'ouverture et de fermeture avec des couleurs spécifiques pour les trouver rapidement.

15. ESLint - Intégration d'ESLint dans Visual Studio Code pour vérifier la qualité de votre code et trouver des bogues.

16. Guides - Ajoute des lignes de guidage supplémentaires à votre code pour faciliter la recherche des éléments d'ouverture et de fermeture.

17. JavaScript Console Utils est un utilitaire pour simplifier la création d'instructions console.log () utiles, y compris l'insertion rapide de code pour enregistrer une variable sélectionnée.

18. Le vérificateur d'orthographe de code est une extension pour le vérificateur d'orthographe de code rapide.

19. GitLens est un outil utile pour visualiser les informations de l'historique du code afin que vous puissiez savoir quand les modifications ont été apportées et par qui.

20. Path Intellisense est un outil permettant de compléter automatiquement les noms de fichiers au fur et à mesure de la saisie d'une ligne.

21. Prettier est une extension pour le formatage automatique du code et le regroupement de ses différentes sections dans un seul formulaire.

22. VSCode-Icons - ajoutez des icônes visuelles à l'arborescence des fichiers pour une recherche plus facile et une meilleure perception visuelle.

Bien sûr, vous ne devriez pas tout installer à partir de cette liste. Certaines de ces extensions peuvent être qualifiées d'interchangeables, tandis que d'autres nécessiteront une expérience avec des outils plus simples.