22 shtesa të dobishme për një programues fillestar

2024 Autor: Malcolm Clapton | [email protected]. E modifikuara e fundit: 2023-12-17 04:10

Zgjerime për Chrome dhe Visual Studio Code që lehtësojnë shumë detyra kodimi dhe ju kursejnë kohë.

Shtesat e Chrome

1. WhatFont është një mënyrë e thjeshtë për të gjetur se cili font përdoret në një sajt të caktuar në mënyrë që ta gjeni dhe ta përdorni në projektet tuaja.

2. Pesticidi është një mjet për nxjerrjen në pah dhe modifikimet CSS. E dobishme kur zotëroni modelin e paraqitjes së bllokut.

3. Colorzilla është një mjet për marrjen e ngjyrave të sakta nga faqet e internetit. Për lehtësi, kodi i ngjyrave kopjohet drejtpërdrejt në kujtesën e fragmenteve.

4. CSS Peeper është një shtesë për shikimin e ngjyrave dhe aseteve të përdorura në faqet e internetit: ilustrime, dokumente teksti, skedarë paraqitjeje, skedarë video.

5. Wappalyzer është një mjet që ju lejon të identifikoni sistemet e menaxhimit të përmbajtjes, kornizat, softuerin e serverit, mjetet analitike dhe teknologjitë e tjera të përdorura në sajte.

6. Veglat e Zhvilluesve React janë një mjet i dobishëm për korrigjimin e aplikacioneve React.js.

7. Redux DevTools është një mjet për korrigjimin e aplikacioneve duke përdorur Redux.

8. JSON Formatter është një shtesë për të thjeshtuar lexueshmërinë e JSON me theksimin e sintaksës, dhëmbëzimin, lidhjet e klikueshme.

9. Vimeo Repeat and Speed është një shtesë e thjeshtë për përshpejtimin e shërbimit video Vimeo, i cili është i dobishëm kur shikoni video mësimore.

Zgjerime për VS Code

10. Riemërtimi automatik i etiketës është një shtesë për riemërtimin e etiketave HTML. Kur ndryshoni etiketën hapëse, etiketa mbyllëse do të ndryshojë automatikisht.

11. Mbështetje HTML CSS - Mbështetje CSS për dokumente HTML me theksim sintaksor, lidhjen e skedarëve CSS në distancë dhe veçori të tjera të dobishme.

12. Snippet HTML janë fragmente të gatshme për të kursyer kohë.

13. Babel ES6 / ES7 është një mjet JavaScript për nënvizimin dhe kontrollin e sintaksës Babel.

14. Bracket Pair Colorizer është një mjet për ngjyrosjen e kllapave të hapjes dhe mbylljes me ngjyra specifike për t'i gjetur ato shpejt.

15. ESLint - Integrimi i ESLint në Visual Studio Code për të kontrolluar cilësinë e kodit tuaj dhe për të gjetur gabime.

16. Guides - Shton linja udhëzuese shtesë në kodin tuaj për ta bërë më të lehtë gjetjen e elementeve hapëse dhe mbyllëse.

17. JavaScript Console Utils është një mjet për të thjeshtuar krijimin e deklaratave të dobishme console.log (), duke përfshirë futjen e shpejtë të kodit për të regjistruar një variabël të zgjedhur.

18. Kontrolluesi i drejtshkrimit të kodit është një shtesë për kontrollin e shpejtë të drejtshkrimit të kodit.

19. GitLens është një mjet i dobishëm për vizualizimin e informacionit të historisë së kodit, në mënyrë që të mund të gjurmoni kur janë bërë ndryshimet dhe nga kush.

20. Path Intellisense është një mjet për plotësimin automatik të emrave të skedarëve kur futet një rresht.

21. Prettier është një shtesë për formatimin automatik të kodit dhe sjelljen e seksioneve të ndryshme të tij në një formë të vetme.

22. VSCode-Icons - shtoni ikona vizuale në pemën e skedarit për kërkim më të lehtë dhe perceptim më të mirë vizual.

Sigurisht, nuk duhet të instaloni gjithçka nga kjo listë. Disa nga këto shtesa mund të quhen të këmbyeshme, ndërsa të tjerat do të kërkojnë përvojë me mjete më të thjeshta.