Жаңадан келген бағдарламашыға арналған 22 пайдалы кеңейтім

2024 Автор: Malcolm Clapton | [email protected]. Соңғы өзгертілген: 2023-12-17 04:02

Көптеген кодтау тапсырмаларын жеңілдететін және уақытыңызды үнемдейтін Chrome және Visual Studio Code кеңейтімдері.

Chrome кеңейтімдері

1. WhatFont - белгілі бір сайтта қай қаріпті табу және оны жобаларыңызда пайдалану үшін қолданылатынын білудің оңай жолы.

2. Пестицид - контурды бөлектеуге және CSS модификацияларына арналған құрал. Блокты орналастыру үлгісін меңгеру кезінде пайдалы.

3. Colorzilla - веб-сайттардан нақты түстерді алуға арналған құрал. Ыңғайлы болу үшін түс коды тікелей алмасу буферіне көшіріледі.

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

5. Wappalyzer - мазмұнды басқару жүйелерін, фреймворктарды, серверлік бағдарламалық құралды, аналитикалық құралдарды және сайттарда қолданылатын басқа технологияларды анықтауға мүмкіндік беретін утилита.

6. React Developer құралдары React.js қолданбаларын жөндеуге арналған пайдалы құрал болып табылады.

7. Redux DevTools - Redux көмегімен қолданбаларды жөндеуге арналған құрал.

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

9. Vimeo Repeat and Speed – бұл Vimeo бейне қызметін жылдамдатуға арналған қарапайым кеңейтім, ол бейне оқулықтарды көргенде пайдалы.

VS кодына арналған кеңейтімдер

10. Автоматты түрде атын өзгерту тег – HTML тегтерінің атын өзгертуге арналған кеңейтім. Ашу тегін өзгерткен кезде жабу тегі автоматты түрде өзгереді.

11. HTML CSS қолдауы - синтаксисті бөлектеу, қашықтағы CSS файлдарын қосу және басқа пайдалы мүмкіндіктер бар HTML құжаттарына арналған CSS қолдауы.

12. HTML үзінділері - уақытты үнемдеу үшін дайын үзінділер.

13. Babel ES6 / ES7 - JavaScript Babel бөлектеу және синтаксисті тексеру құралы.

14. Кронштейн жұбын бояғыш - бұл жақшаларды жылдам табу үшін арнайы түстермен ашу және жабу құралы.

15. ESLint - кодтың сапасын тексеру және қателерді табу үшін ESLint бағдарламасын Visual Studio кодына біріктіру.

16. Нұсқаулар - ашу және жабу элементтерін табуды жеңілдету үшін кодыңызға қосымша нұсқаулық сызықтарын қосады.

17. JavaScript Console Utils - таңдалған айнымалыны тіркеу үшін кодты жылдам енгізуді қоса, пайдалы console.log () мәлімдемелерін жасауды жеңілдетуге арналған қызметтік бағдарлама.

18. Код емлесін тексеру құралы жылдам код емлесін тексеруге арналған кеңейтім болып табылады.

19. GitLens – код тарихы туралы ақпаратты визуализациялауға арналған пайдалы құрал, осылайша өзгертулер қашан және кім жасағанын бақылай аласыз.

20. Path Intellisense – жол енгізілген кезде файл атауларын автоматты түрде толтыруға арналған құрал.

21. Prettier - кодты автоматты түрде пішімдеуге және оның әртүрлі бөлімдерін бір пішінге келтіруге арналған кеңейтім.

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

Әрине, бұл тізімнен барлығын орнатудың қажеті жоқ. Бұл кеңейтімдердің кейбірін ауыстырмалы деп атауға болады, ал басқалары қарапайым құралдармен тәжірибені қажет етеді.