22 kapaki-pakinabang na extension para sa isang baguhan na programmer

2024 May -akda: Malcolm Clapton | [email protected]. Huling binago: 2023-12-17 04:13

Mga Extension para sa Chrome at Visual Studio Code na nagpapadali sa maraming gawain sa pag-coding at nakakatipid sa iyo ng oras.

Mga extension ng Chrome

1. Ang WhatFont ay isang madaling paraan upang malaman kung aling font ang ginagamit sa isang partikular na site upang mahanap ito at magamit ito sa iyong mga proyekto.

2. Ang pestisidyo ay isang tool para sa pag-highlight ng outline at mga pagbabago sa CSS. Kapaki-pakinabang kapag pinagkadalubhasaan ang modelo ng layout ng bloke.

3. Ang Colorzilla ay isang tool para sa pagkuha ng tumpak na mga kulay mula sa mga website. Para sa kaginhawahan, ang color code ay direktang kinopya sa clipboard.

4. Ang CSS Peeper ay isang extension para sa pagtingin sa mga kulay at asset na ginagamit sa mga website: mga guhit, tekstong dokumento, layout ng mga file, mga video file.

5. Ang Wappalyzer ay isang utility na nagbibigay-daan sa iyong tukuyin ang mga content management system, frameworks, server software, analytics tool at iba pang teknolohiyang ginagamit sa mga site.

6. Ang React Developer Tools ay isang kapaki-pakinabang na tool para sa pag-debug ng mga application ng React.js.

7. Ang Redux DevTools ay isang tool para sa pag-debug ng mga application gamit ang Redux.

8. Ang JSON Formatter ay isang extension upang gawing simple ang pagiging madaling mabasa ng JSON gamit ang pag-highlight ng syntax, indentation, mga naki-click na link.

9. Ang Vimeo Repeat and Speed ay isang simpleng extension para sa pagpapabilis ng serbisyo ng video ng Vimeo, na kapaki-pakinabang kapag nanonood ng mga video tutorial.

Mga Extension para sa VS Code

10. Ang Auto Rename Tag ay isang extension para sa pagpapalit ng pangalan ng mga HTML tag. Kapag binago mo ang pambungad na tag, awtomatikong magbabago ang pansarang tag.

11. Suporta sa HTML CSS - Suporta ng CSS para sa mga HTML na dokumento na may pag-highlight ng syntax, pagkonekta ng mga malayuang CSS file at iba pang mga kapaki-pakinabang na tampok.

12. Ang HTML Snippet ay mga yari na snippet upang makatipid ng oras.

13. Ang Babel ES6 / ES7 ay isang JavaScript Babel highlighting at syntax checking tool.

14. Ang Bracket Pair Colorizer ay isang tool para sa pagkulay ng pagbubukas at pagsasara ng mga bracket na may mga partikular na kulay upang mabilis na mahanap ang mga ito.

15. ESLint - Pagsasama ng ESLint sa Visual Studio Code upang suriin ang kalidad ng iyong code at makahanap ng mga bug.

16. Mga Gabay - Nagdaragdag ng mga karagdagang linya ng gabay sa iyong code upang gawing mas madali ang paghahanap ng mga elemento ng pagbubukas at pagsasara.

17. Ang JavaScript Console Utils ay isang utility upang pasimplehin ang paglikha ng mga kapaki-pakinabang na console.log () na mga pahayag, kabilang ang mabilis na pagpasok ng code upang mag-log ng napiling variable.

18. Ang Code Spell Checker ay isang extension para sa quick code spelling checker.

19. Ang GitLens ay isang kapaki-pakinabang na tool para sa pag-visualize ng impormasyon sa history ng code upang masubaybayan mo kung kailan ginawa ang mga pagbabago at kung kanino.

20. Ang Path Intellisense ay isang tool para sa awtomatikong pagkumpleto ng mga pangalan ng file habang ipinapasok ang isang linya.

21. Ang Prettier ay isang extension para sa awtomatikong pag-format ng code at dinadala ang iba't ibang mga seksyon nito sa iisang form.

22. VSCode-Icons - magdagdag ng mga visual na icon sa file tree para sa mas madaling paghahanap at mas mahusay na visual na perception.

Siyempre, hindi mo dapat i-install ang lahat mula sa listahang ito. Ang ilan sa mga extension na ito ay maaaring tawaging mapagpapalit, habang ang iba ay mangangailangan ng karanasan sa mas simpleng mga tool.