22 kasulikku laiendust algajale programmeerijale

2024 Autor: Malcolm Clapton | [email protected]. Viimati modifitseeritud: 2023-12-17 03:53

Chrome'i ja Visual Studio Code'i laiendused, mis muudavad paljud kodeerimistoimingud lihtsamaks ja säästavad teie aega.

Chrome'i laiendused

1. WhatFont on lihtne viis teada saada, millist fonti konkreetsel saidil kasutatakse, et see üles leida ja oma projektides kasutada.

2. Pestitsiid on tööriist kontuuride esiletõstmiseks ja CSS-i muutmiseks. Kasulik plokkide paigutuse mudeli valdamisel.

3. Colorzilla on tööriist veebisaitidelt täpsete värvide saamiseks. Mugavuse huvides kopeeritakse värvikood otse lõikepuhvrisse.

4. CSS Peeper on laiendus veebisaitidel kasutatavate värvide ja varade vaatamiseks: illustratsioonid, tekstidokumendid, paigutusfailid, videofailid.

5. Wappalyzer on utiliit, mis võimaldab teil tuvastada sisuhaldussüsteeme, raamistikke, serveritarkvara, analüüsitööriistu ja muid saitidel kasutatavaid tehnoloogiaid.

6. Reacti arendaja tööriistad on kasulikud tööriistad React.js rakenduste silumiseks.

7. Redux DevTools on tööriist Reduxi abil rakenduste silumiseks.

8. JSON Formatter on laiendus, mis lihtsustab JSON-i loetavust süntaksi esiletõstmise, taande ja klõpsatavate linkidega.

9. Vimeo kordus ja kiirus on lihtne laiendus Vimeo videoteenuse kiirendamiseks, mis on kasulik videoõpetuste vaatamisel.

VS-koodi laiendused

10. Auto Rename Tag on laiendus HTML-märgendite ümbernimetamiseks. Kui muudate avamärgendit, muutub sulgev silt automaatselt.

11. HTML CSS-i tugi – CSS-i tugi HTML-dokumentidele koos süntaksi esiletõstmise, kaug-CSS-failide ühendamise ja muude kasulike funktsioonidega.

12. HTML-lõigud on aja säästmiseks valmis väljavõtted.

13. Babel ES6 / ES7 on JavaScript Babeli esiletõstmise ja süntaksi kontrollimise tööriist.

14. Bracket Pair Colorizer on tööriist avamis- ja sulgesulgude värvimiseks kindlate värvidega, et need kiiresti üles leida.

15. ESLint – ESLinti integreerimine Visual Studio Code'i, et kontrollida oma koodi kvaliteeti ja leida vigu.

16. Juhendid – lisab teie koodile täiendavaid juhtridasid, et hõlbustada avamis- ja sulgemiselementide leidmist.

17. JavaScript Console Utils on utiliit, mis lihtsustab kasulike console.log () lausete loomist, sealhulgas kiiret koodi sisestamist valitud muutuja logimiseks.

18. Koodi õigekirjakontroll on kiire koodi õigekirjakontrolli laiendus.

19. GitLens on kasulik tööriist koodiajaloo teabe visualiseerimiseks, et saaksite jälgida, millal ja kes muudatusi tegi.

20. Path Intellisense on tööriist failinimede automaatseks lõpetamiseks rea sisestamisel.

21. Prettier on laiendus koodi automaatseks vormindamiseks ja selle erinevate jaotiste ühtseks vormindamiseks.

22. VSCode-Icons – lisage failipuusse visuaalsed ikoonid otsimise hõlbustamiseks ja visuaalseks tajumiseks.

Loomulikult ei tohiks te kõike sellest loendist installida. Mõnda neist laiendustest võib nimetada vahetatavateks, samas kui teised nõuavad kogemusi lihtsamate tööriistadega.