22 de extensii utile pentru un programator începător

2024 Autor: Malcolm Clapton | [email protected]. Modificat ultima dată: 2023-12-17 04:09

Extensii pentru Chrome și Visual Studio Code care ușurează multe sarcini de codare și vă economisesc timp.

Extensii Chrome

1. WhatFont este o modalitate ușoară de a afla ce font este folosit pe un anumit site pentru a-l găsi și a-l utiliza în proiectele tale.

2. Pesticidul este un instrument pentru evidențierea contururilor și modificările CSS. Util atunci când stăpânești modelul de aspect al blocurilor.

3. Colorzilla este un instrument pentru obținerea de culori precise de pe site-uri web. Pentru comoditate, codul de culoare este copiat direct în clipboard.

4. CSS Peeper este o extensie pentru vizualizarea culorilor și a activelor utilizate pe site-uri web: ilustrații, documente text, fișiere de aspect, fișiere video.

5. Wappalyzer este un utilitar care vă permite să identificați sistemele de management al conținutului, cadrele, software-ul de server, instrumentele de analiză și alte tehnologii utilizate pe site-uri.

6. Instrumentele pentru dezvoltatori React sunt un instrument util pentru depanarea aplicațiilor React.js.

7. Redux DevTools este un instrument pentru depanarea aplicațiilor folosind Redux.

8. JSON Formatter este o extensie pentru a simplifica lizibilitatea JSON cu evidențiere de sintaxă, indentare, link-uri pe care se poate face clic.

9. Vimeo Repeat and Speed este o extensie simplă pentru accelerarea serviciului video Vimeo, care este utilă atunci când vizionați tutoriale video.

Extensii pentru VS Code

10. Auto Rename Tag este o extensie pentru redenumirea etichetelor HTML. Când schimbați eticheta de deschidere, eticheta de închidere se va schimba automat.

11. Suport HTML CSS - Suport CSS pentru documente HTML cu evidențierea sintaxelor, conectarea fișierelor CSS la distanță și alte caracteristici utile.

12. Fragmentele HTML sunt fragmente gata făcute pentru a economisi timp.

13. Babel ES6 / ES7 este un instrument JavaScript Babel de evidențiere și verificare a sintaxei.

14. Bracket Pair Colorizer este un instrument pentru a colora parantezele de deschidere și închidere cu culori specifice pentru a le găsi rapid.

15. ESLint - Integrarea ESLint în Visual Studio Code pentru a verifica calitatea codului și a găsi erori.

16. Ghiduri - Adaugă linii de ghidare suplimentare la codul dvs. pentru a facilita găsirea elementelor de deschidere și de închidere.

17. JavaScript Console Utils este un utilitar pentru a simplifica crearea de instrucțiuni utile console.log (), inclusiv inserarea rapidă a codului pentru a înregistra o variabilă selectată.

18. Code Spell Checker este o extensie pentru verificarea rapidă a ortografiei codului.

19. GitLens este un instrument util pentru vizualizarea informațiilor din istoricul codului, astfel încât să puteți urmări când au fost făcute modificări și de către cine.

20. Path Intellisense este un instrument pentru completarea automată a numelor de fișiere pe măsură ce este introdusă o linie.

21. Prettier este o extensie pentru formatarea automată a codului și pentru a aduce diferitele sale secțiuni într-o singură formă.

22. VSCode-Icons - adăugați pictograme vizuale în arborele de fișiere pentru o căutare mai ușoară și o percepție vizuală mai bună.

Desigur, nu ar trebui să instalați totul din această listă. Unele dintre aceste extensii pot fi numite interschimbabile, în timp ce altele vor necesita experiență cu instrumente mai simple.