22 օգտակար ընդլայնումներ սկսնակ ծրագրավորողի համար

2024 Հեղինակ: Malcolm Clapton | [email protected]. Վերջին փոփոխված: 2023-12-17 03:59

Ընդլայնումներ Chrome-ի և Visual Studio Code-ի համար, որոնք հեշտացնում են կոդավորման բազմաթիվ առաջադրանքներ և խնայում ձեր ժամանակը:

Chrome ընդլայնումներ

1. WhatFont-ը հեշտ միջոց է պարզելու, թե որ տառատեսակն է օգտագործվում կոնկրետ կայքում՝ այն գտնելու և ձեր նախագծերում օգտագործելու համար:

2. Թունաքիմիկատը գործիք է ուրվագծերի ընդգծման և CSS փոփոխությունների համար: Օգտակար է բլոկի դասավորության մոդելը տիրապետելիս:

3. Colorzilla-ն գործիք է կայքերից ճշգրիտ գույներ ստանալու համար: Հարմարության համար գունային կոդը պատճենվում է անմիջապես clipboard-ում:

4. CSS Peeper-ը ընդլայնում է կայքերում օգտագործվող գույների և ակտիվների դիտման համար՝ նկարազարդումներ, տեքստային փաստաթղթեր, դասավորության ֆայլեր, վիդեո ֆայլեր:

5. Wappalyzer-ը օգտակար ծրագիր է, որը թույլ է տալիս բացահայտել բովանդակության կառավարման համակարգերը, շրջանակները, սերվերի ծրագրակազմը, վերլուծական գործիքները և կայքերում օգտագործվող այլ տեխնոլոգիաները:

6. React Developer Tools-ը օգտակար գործիք է React.js հավելվածների վրիպազերծման համար:

7. Redux DevTools-ը Redux-ի միջոցով հավելվածների վրիպազերծման գործիք է:

8. JSON Formatter-ը ընդլայնում է JSON-ի ընթեռնելիությունը պարզեցնելու համար՝ շարահյուսական ընդգծմամբ, նահանջով, սեղմվող հղումներով:

9. Vimeo Repeat and Speed-ը Vimeo վիդեո ծառայության արագացման պարզ ընդլայնում է, որն օգտակար է վիդեո ձեռնարկներ դիտելիս:

Ընդլայնումներ VS Code-ի համար

10. Auto Rename Tag-ը HTML թեգերը վերանվանելու ընդլայնում է: Երբ փոխում եք բացման պիտակը, փակման պիտակն ինքնաբերաբար կփոխվի:

11. HTML CSS Աջակցություն - CSS աջակցություն HTML փաստաթղթերին՝ շարահյուսական ընդգծմամբ, հեռավոր CSS ֆայլերի միացման և այլ օգտակար հատկություններով:

12. HTML հատվածները պատրաստի հատվածներ են՝ ժամանակ խնայելու համար:

13. Babel ES6 / ES7-ը JavaScript Babel-ի ընդգծման և շարահյուսության ստուգման գործիք է:

14. Bracket 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 - ավելացրեք տեսողական պատկերակներ ֆայլի ծառին ավելի հեշտ որոնման և ավելի լավ տեսողական ընկալման համար:

Իհարկե, պետք չէ ամեն ինչ տեղադրել այս ցանկից: Այս ընդլայնումներից մի քանիսը կարելի է անվանել փոխարինելի, մինչդեռ մյուսները կպահանջեն ավելի պարզ գործիքների փորձ: