22 extensions útils per a un programador novell

2024 Autora: Malcolm Clapton | [email protected]. Última modificació: 2023-12-17 03:49

Extensions per a Chrome i Visual Studio Code que faciliten moltes tasques de codificació i us estalvien temps.

Extensions de Chrome

1. WhatFont és una manera senzilla d'esbrinar quin tipus de lletra s'utilitza en un lloc determinat per trobar-lo i utilitzar-lo en els vostres projectes.

2. El pesticida és una eina per ressaltar esquemes i modificacions CSS. Útil per dominar el model de disposició de blocs.

3. Colorzilla és una eina per obtenir colors precisos dels llocs web. Per comoditat, el codi de color es copia directament al porta-retalls.

4. CSS Peeper és una extensió per visualitzar colors i actius utilitzats en llocs web: il·lustracions, documents de text, fitxers de disseny, fitxers de vídeo.

5. Wappalyzer és una utilitat que us permet identificar sistemes de gestió de continguts, marcs, programari de servidor, eines d'anàlisi i altres tecnologies utilitzades als llocs.

6. Les eines de desenvolupament de React són una eina útil per depurar aplicacions React.js.

7. Redux DevTools és una eina per depurar aplicacions amb Redux.

8. JSON Formatter és una extensió per simplificar la llegibilitat de JSON amb ressaltat de sintaxi, sagnat i enllaços clicables.

9. Vimeo Repeat and Speed és una extensió senzilla per accelerar el servei de vídeo de Vimeo, que és útil quan es veuen vídeos tutorials.

Extensions per al codi VS

10. Auto Rename Tag és una extensió per canviar el nom d'etiquetes HTML. Quan canvieu l'etiqueta d'obertura, l'etiqueta de tancament canviarà automàticament.

11. Suport HTML CSS: suport CSS per a documents HTML amb ressaltat de sintaxi, connexió de fitxers CSS remots i altres funcions útils.

12. Els fragments HTML són fragments ja fets per estalviar temps.

13. Babel ES6 / ES7 és una eina de ressaltat i verificació de sintaxis de JavaScript Babel.

14. Bracket Pair Colorizer és una eina per pintar obrir i tancar claudàtors amb colors específics per trobar-los ràpidament.

15. ESLint - Integració d'ESLint a Visual Studio Code per comprovar la qualitat del vostre codi i trobar errors.

16. Guies: afegeix línies de guia addicionals al codi per facilitar la cerca d'elements d'obertura i tancament.

17. JavaScript Console Utils és una utilitat per simplificar la creació d'instruccions útils console.log (), inclosa la inserció ràpida de codi per registrar una variable seleccionada.

18. El corrector ortogràfic de codi és una extensió per al corrector ortogràfic de codi ràpid.

19. GitLens és una eina útil per visualitzar la informació de l'historial del codi perquè pugueu fer un seguiment de quan es van fer canvis i per qui.

20. Path Intellisense és una eina per completar automàticament els noms dels fitxers a mesura que s'introdueix una línia.

21. Prettier és una extensió per al format automàtic de codi i per portar les seves diverses seccions a un sol formulari.

22. VSCode-Icons: afegiu icones visuals a l'arbre de fitxers per a una cerca més fàcil i una millor percepció visual.

Per descomptat, no hauríeu d'instal·lar tot d'aquesta llista. Algunes d'aquestes extensions es poden anomenar intercanviables, mentre que d'altres requereixen experiència amb eines més senzilles.