Жаңы баштаган программист үчүн 22 пайдалуу кеңейтүү

2024 Автор: Malcolm Clapton | [email protected]. Акыркы өзгөртүү: 2023-12-17 04:03

Көптөгөн коддоо тапшырмаларын жеңилдеткен жана убактыңызды үнөмдөгөн Chrome жана Visual Studio Code үчүн кеңейтүүлөр.

Chrome кеңейтүүлөрү

1. WhatFont – бул белгилүү бир сайтта кайсы шрифт колдонулуп жатканын табуу жана аны долбоорлоруңузда колдонуу үчүн оңой жолу.

2. Пестицид контурларды бөлүп көрсөтүү жана CSS модификациялары үчүн курал. Блок жайгашуу моделин өздөштүрүү үчүн пайдалуу.

3. Colorzilla веб-сайттардан так түстөрдү алуу үчүн курал. Ыңгайлуулук үчүн түс коду түздөн-түз алмашуу буферине көчүрүлөт.

4. CSS Peeper бул веб-сайттарда колдонулган түстөрдү жана активдерди көрүү үчүн кеңейтүү: иллюстрациялар, тексттик документтер, макет файлдары, видео файлдар.

5. Wappalyzer – бул сайттарда колдонулган контентти башкаруу тутумдарын, алкактарды, сервердик программалык камсыздоону, аналитика куралдарын жана башка технологияларды аныктоого мүмкүндүк берген утилита.

6. React Developer Tools React.js тиркемелерин оңдоо үчүн пайдалуу курал.

7. Redux DevTools бул Redux аркылуу тиркемелерди оңдоо үчүн курал.

8. JSON Formatter синтаксисин бөлүп көрсөтүү, чегинүү, чыкылдатуучу шилтемелер менен JSON окулушун жөнөкөйлөтүү үчүн кеңейтүү.

9. Vimeo Repeat жана Speed – бул Vimeo видео кызматын тездетүү үчүн жөнөкөй кеңейтүү, ал видео сабактарды көрүп жатканда пайдалуу.

VS Code үчүн кеңейтүүлөр

10. Auto Rename Tag HTML тегтеринин атын өзгөртүү үчүн кеңейтүү болуп саналат. Сиз ачуу теги өзгөртүлгөндө, жабуу теги автоматтык түрдө өзгөрөт.

11. HTML CSS Колдоо - синтаксисин бөлүп көрсөтүү, алыскы CSS файлдарын туташтыруу жана башка пайдалуу функциялар менен HTML документтеринин CSS колдоосу.

12. HTML үзүндүлөрү убакытты үнөмдөө үчүн даяр үзүндүлөр.

13. Babel ES6 / ES7 бул JavaScript Babel бөлүп көрсөтүү жана синтаксисин текшерүү куралы.

14. Кронштейн Pair Colorizer бул кашааларды тез табуу үчүн атайын түстөр менен ачуу жана жабуу боёгучу курал.

15. ESLint - Кодуңуздун сапатын текшерүү жана мүчүлүштүктөрдү табуу үчүн ESLintтин Visual Studio Code менен интеграциясы.

16. Гиддер - Ачуучу жана жабуу элементтерин табууга жеңилдетүү үчүн кодуңузга кошумча багыттоочу линияларды кошот.

17. JavaScript Console Utils – бул тандалган өзгөрмөнү журналга киргизүү үчүн кодду тез киргизүүнү камтыган пайдалуу console.log () билдирүүлөрүн түзүүнү жөнөкөйлөтүү үчүн пайдалуу программа.

18. Code Spell Checker - бул тез коддун орфографиясын текшерүүчү кеңейтүү.

19. GitLens - бул код тарыхындагы маалыматты визуалдаштыруу үчүн пайдалуу курал, андыктан өзгөртүүлөр качан жана ким тарабынан жасалганын көзөмөлдөй аласыз.

20. Path Intellisense – бул сап киргизилгенде файл аталыштарын автоматтык түрдө толтуруучу курал.

21. Prettier бул кодду автоматтык түрдө форматтоо жана анын ар кандай бөлүмдөрүн бирдиктүү формага келтирүү үчүн кеңейтүү.

22. VSCode-Icons - издөөнү жеңилдетүү жана визуалдык кабылдоону жакшыртуу үчүн файл дарагына визуалдык иконаларды кошуңуз.

Албетте, бул тизмеден бардыгын орнотпошуңуз керек. Бул кеңейтүүлөрдүн айрымдарын алмаштыруучу деп атоого болот, ал эми башкалары жөнөкөй куралдар менен тажрыйба талап кылат.