22 naudingi plėtiniai pradedančiajam programuotojui

2024 Autorius: Malcolm Clapton | [email protected]. Paskutinį kartą keistas: 2023-12-17 04:04

„Chrome“ir „Visual Studio Code“plėtiniai, palengvinantys daugelį kodavimo užduočių ir sutaupantys laiko.

„Chrome“plėtiniai

1. WhatFont yra paprastas būdas sužinoti, kuris šriftas naudojamas konkrečioje svetainėje, norint jį rasti ir naudoti savo projektuose.

2. Pesticidas yra kontūrų paryškinimo ir CSS modifikacijų įrankis. Naudinga įsisavinant bloko išdėstymo modelį.

3. Colorzilla yra įrankis tikslioms spalvoms iš svetainių gauti. Patogumui spalvos kodas nukopijuojamas tiesiai į mainų sritį.

4. CSS Peeper yra plėtinys, skirtas peržiūrėti svetainėse naudojamas spalvas ir išteklius: iliustracijas, tekstinius dokumentus, maketavimo failus, vaizdo įrašų failus.

5. Wappalyzer yra programa, leidžianti nustatyti turinio valdymo sistemas, sistemas, serverio programinę įrangą, analizės įrankius ir kitas svetainėse naudojamas technologijas.

6. „React Developer Tools“yra naudingas „React.js“programų derinimo įrankis.

7. Redux DevTools yra programa, skirta derinti programas naudojant Redux.

8. „JSON Formatter“yra plėtinys, skirtas supaprastinti JSON skaitymą naudojant sintaksės paryškinimą, įtrauką, spustelėjamas nuorodas.

9. „Vimeo Repeat and Speed “yra paprastas plėtinys, skirtas pagreitinti „Vimeo“vaizdo įrašų paslaugą, kuri yra naudinga žiūrint vaizdo pamokas.

VS kodo plėtiniai

10. Automatinio pervadinimo žyma yra HTML žymų pervadinimo plėtinys. Kai pakeisite pradžios žymą, uždarymo žyma pasikeis automatiškai.

11. HTML CSS palaikymas – CSS palaikymas HTML dokumentams su sintaksės paryškinimu, nuotolinių CSS failų prijungimu ir kitomis naudingomis funkcijomis.

12. HTML fragmentai yra paruošti fragmentai, skirti sutaupyti laiko.

13. Babel ES6 / ES7 yra JavaScript Babel paryškinimo ir sintaksės tikrinimo įrankis.

14. Bracket Pair Colorizer yra įrankis atidaromiems ir uždaromiems skliausteliams spalvinti konkrečiomis spalvomis, kad būtų galima greitai juos rasti.

15. ESLint – ESLint integravimas į Visual Studio kodą, siekiant patikrinti kodo kokybę ir rasti klaidų.

16. Vadovai – prie kodo pridedamos papildomos pagalbinės eilutės, kad būtų lengviau rasti atidarymo ir uždarymo elementus.

17. „JavaScript Console Utils“yra programa, skirta supaprastinti naudingų console.log () teiginių kūrimą, įskaitant greitą kodo įterpimą, kad būtų galima įrašyti pasirinktą kintamąjį.

18. Kodo rašybos tikrintuvas yra greito kodo rašybos tikrinimo plėtinys.

19. „GitLens“yra naudingas įrankis kodo istorijos informacijai vizualizuoti, kad galėtumėte sekti, kada ir kas atliko pakeitimus.

20. Path Intellisense yra įrankis, skirtas automatiškai užbaigti failų pavadinimus įvedant eilutę.

21. Prettier yra automatinio kodo formatavimo plėtinys ir įvairių jo skyrių sujungimas į vieną formą.

22. VSCode-Icons – pridėkite vaizdines piktogramas į failų medį, kad būtų lengviau ieškoti ir geriau suvokti vaizdą.

Žinoma, neturėtumėte įdiegti visko iš šio sąrašo. Kai kurie iš šių plėtinių gali būti vadinami keičiamais, o kitiems reikės patirties naudojant paprastesnius įrankius.