22 hyödyllistä laajennusta aloittelevalle ohjelmoijalle

2024 Kirjoittaja: Malcolm Clapton | [email protected]. Viimeksi muokattu: 2023-12-17 03:55

Chromen ja Visual Studio Coden laajennukset, jotka helpottavat monia koodaustehtäviä ja säästävät aikaa.

Chromen laajennukset

1. WhatFont on helppo tapa selvittää, mitä kirjasinta tietyllä sivustolla käytetään, jotta voit löytää sen ja käyttää sitä projekteissasi.

2. Torjunta-aine on työkalu ääriviivojen korostamiseen ja CSS-muokkauksiin. Hyödyllinen lohkoasettelumallin hallitsemisessa.

3. Colorzilla on työkalu tarkkojen värien saamiseen verkkosivustoilta. Mukavuuden vuoksi värikoodi kopioidaan suoraan leikepöydälle.

4. CSS Peeper on laajennus verkkosivuilla käytettyjen värien ja materiaalien katseluun: kuvitukset, tekstiasiakirjat, asettelutiedostot, videotiedostot.

5. Wappalyzer on apuohjelma, jonka avulla voit tunnistaa sisällönhallintajärjestelmät, puitteet, palvelinohjelmistot, analytiikkatyökalut ja muut sivustoilla käytetyt tekniikat.

6. React Developer Tools -työkalut ovat hyödyllinen työkalu React.js-sovellusten virheenkorjaukseen.

7. Redux DevTools on työkalu sovellusten virheenkorjaukseen Reduxin avulla.

8. JSON Formatter on laajennus, joka yksinkertaistaa JSONin luettavuutta syntaksin korostuksella, sisennyksillä ja klikattavilla linkeillä.

9. Vimeo Repeat and Speed on yksinkertainen laajennus Vimeo-videopalvelun nopeuttamiseen, mikä on hyödyllinen video-opetusohjelmia katsottaessa.

VS Coden laajennukset

10. Auto Rename Tag on laajennus HTML-tunnisteiden uudelleennimeämiseen. Kun muutat aloitustunnistetta, sulkeva tagi muuttuu automaattisesti.

11. HTML CSS -tuki - CSS-tuki HTML-dokumenteille syntaksin korostuksella, CSS-etätiedostojen yhdistämisellä ja muilla hyödyllisillä ominaisuuksilla.

12. HTML-katkelmat ovat valmiita katkelmia, jotka säästävät aikaa.

13. Babel ES6 / ES7 on JavaScript Babel -korostus- ja syntaksintarkistustyökalu.

14. Bracket Pair Colorizer on työkalu, jolla voit värjätä avaus- ja sulkemissulut tietyillä väreillä löytääksesi ne nopeasti.

15. ESLint - ESLint-integrointi Visual Studio Code -koodiin koodin laadun tarkistamiseksi ja vikojen löytämiseksi.

16. Oppaat - Lisää koodiisi lisäohjeita helpottaaksesi avaavien ja sulkevien elementtien löytämistä.

17. JavaScript Console Utils on apuohjelma, joka yksinkertaistaa hyödyllisten console.log () -lauseiden luomista, mukaan lukien nopean koodin lisääminen valitun muuttujan kirjaamiseksi.

18. Code Spell Checker on laajennus nopeaan koodin oikeinkirjoituksen tarkistukseen.

19. GitLens on hyödyllinen työkalu koodihistoriatietojen visualisointiin, jotta voit seurata, milloin ja kuka on tehnyt muutoksia.

20. Path Intellisense on työkalu tiedostojen nimien automaattiseen täydentämiseen riviä syötettäessä.

21. Prettier on laajennus automaattiseen koodin muotoiluun ja sen eri osioiden tuomiseen yhteen muotoon.

22. VSCode-Icons - lisää visuaalisia kuvakkeita tiedostopuuhun helpottamaan hakua ja parantamaan visuaalista havaitsemista.

Kaikkea tästä luettelosta ei tietenkään pidä asentaa. Joitakin näistä laajennuksista voidaan kutsua vaihdettaviksi, kun taas toiset vaativat kokemusta yksinkertaisemmista työkaluista.