22 hasznos bővítmény egy kezdő programozó számára

2024 Szerző: Malcolm Clapton | [email protected]. Utoljára módosítva: 2023-12-17 03:59

Bővítmények a Chrome-hoz és a Visual Studio Code-hoz, amelyek számos kódolási feladatot megkönnyítenek és időt takarítanak meg.

Chrome bővítmények

1. A WhatFont egy egyszerű módja annak, hogy megtudja, melyik betűtípust használják egy adott webhelyen, hogy megtalálják és felhasználják projektjeiben.

2. A peszticid egy eszköz a körvonalak kiemelésére és a CSS módosítására. Hasznos a blokk elrendezési modell elsajátításakor.

3. A Colorzilla egy olyan eszköz, amellyel pontos színeket kaphat a webhelyekről. A kényelem kedvéért a színkód közvetlenül a vágólapra másolódik.

4. A CSS Peeper a weboldalakon használt színek és eszközök megtekintésére szolgáló kiterjesztés: illusztrációk, szöveges dokumentumok, elrendezésfájlok, videofájlok.

5. A Wappalyzer egy olyan segédprogram, amely lehetővé teszi a tartalomkezelő rendszerek, keretrendszerek, szerverszoftverek, elemzőeszközök és egyéb webhelyeken használt technológiák azonosítását.

6. A React Developer Tools hasznos eszköz a React.js alkalmazások hibakereséséhez.

7. A Redux DevTools egy eszköz a Redux használatával végzett alkalmazások hibakeresésére.

8. A JSON Formatter egy olyan bővítmény, amely egyszerűsíti a JSON olvashatóságát szintaktikai kiemeléssel, behúzással és kattintható hivatkozásokkal.

9. A Vimeo Repeat and Speed egy egyszerű kiterjesztés a Vimeo videoszolgáltatás felgyorsításához, amely hasznos videooktatóanyagok megtekintésekor.

Kiterjesztések a VS kódhoz

10. Az Auto Rename Tag egy bővítmény a HTML-címkék átnevezéséhez. Amikor megváltoztatja a nyitó címkét, a záró címke automatikusan megváltozik.

11. HTML CSS támogatás – CSS támogatás HTML dokumentumokhoz szintaktikai kiemeléssel, távoli CSS fájlok csatlakoztatásával és egyéb hasznos szolgáltatásokkal.

12. A HTML-részletek kész kivonatok, amelyek időt takarítanak meg.

13. A Babel ES6 / ES7 egy JavaScript Babel kiemelő és szintaxis-ellenőrző eszköz.

14. A Bracket Pair Colorizer egy eszköz a nyitó és záró zárójelek színezésére meghatározott színekkel, hogy gyorsan megtalálja azokat.

15. ESLint – Az ESLint integrálása a Visual Studio Code-ba a kód minőségének ellenőrzéséhez és a hibák felderítéséhez.

16. Segédvonalak – További útmutató sorokat ad a kódhoz, hogy könnyebben megtalálja a nyitó és záró elemeket.

17. A JavaScript Console Utils egy segédprogram, amely leegyszerűsíti a hasznos console.log () utasítások létrehozását, beleértve a kód gyors beszúrását a kiválasztott változó naplózásához.

18. A Code Spell Checker a gyors kód helyesírás-ellenőrző bővítménye.

19. A GitLens egy hasznos eszköz a kódelőzmények információinak megjelenítéséhez, így nyomon követheti, hogy mikor és kik végeztek változtatásokat.

20. A Path Intellisense egy olyan eszköz, amely automatikusan kitölti a fájlneveket egy sor beírásakor.

21. A Prettier egy kiterjesztése az automatikus kódformázáshoz és a különböző szakaszok egyetlen formába hozásához.

22. VSCode-Icons – vizuális ikonok hozzáadása a fájlfához a könnyebb keresés és a jobb vizuális észlelés érdekében.

Természetesen nem szabad mindent telepíteni ebből a listából. E kiterjesztések egy része felcserélhetőnek nevezhető, míg másoknak tapasztalatra van szükségük az egyszerűbb eszközök használatában.