Visual Studio Code bir çox məşhur əməliyyat sistemlərində işləyən kod redaktorudur. O, frontend tərtibatçıları üçün ən yaxşı seçim hesab olunur. Rahat funksiyalar və asanlıqla qavranılan interfeys vs code genişlənmələri vasitəsilə hər kəsə işi sürətləndirməyə imkan verir.
Bu məqalədə biz sizə 10 ən yaxşı VS Code plaqinini təqdim edirik.
VS code Icons
Bu plaginin istifadəsi, tərtibatçının kod yazdığı proqramlaşdırma dilindən asılı olmayaraq, faydalı ola bilər. O hər bir fayl üçün nişan kodu yazır. Bunun sayəsində heç bir qovluq itmir və nəyin nəyə aid olduğu hər zaman aydın olur.
Əslində, bu plagin tərtibatçının və ya dizaynerin işlədiyi materialları vizuallaşdırır. Oxşar bir genişlənmə Material Icon Theme adlanır. Hər bir qovluq kateqoriyası üçün yaraşıqlı şəkillərin təyin edilməsi fayllarla işi asanlaşdırır.
Prettier
Kodla işləməkdə avtomatiklik az olduqda köməyə Prettier plagini gəlir. Girintilər, abzas boşluqları, böyük hərflər və digər formatlaşdırma elementləri bu funksiya sayəsində kodda avtomatik olaraq yerləşdirilir.
Heç də bütün visual studio plaginlərində avtomatlaşdırma imkanı yoxdur. Prettier genişlənməsi sayəsində isə kod kompüterin yaddaşında saxlanandan sonra doğru qalır (hətta proqramçının nəsə unutduğu zaman belə).
Ondan necə istifadə etmək olar:
- Plagini quraşdırmalı;
- Parametrləri JSON kod formatında açmalı;
- “editor.formatOnSave” sətrini və “true” qiymətini əlavə etməli;
- Proqramı yenidən işə salmalı.
Live Server
Bu genişlənmə şəxsi bir server yaratmağa imkan verir. Əlavə alətlərdən istifadə etmədən yalnız bir genişlənmə quraşdıraraq siz öz layihəniz üçün bir server işə sala bilərsiniz.
Faylın kodunda "Open with Live Server" yazmaq və bütün tərkibi ilə lokal serverdə saxlamaq lazımdır. Avtomatik restart genişlənmənin yaddaşda saxlanan faylları saxlamasına mane olmur.
Bracket Pair Colorizer
Bu plagin çox rahatdır. Onun əsas funksiyası fiqurlu mötərizələrin işıqlandırılmasıdır. Proqramçının bir-biri ilə əlaqəli iki mötərizəni diqqətində saxlaya bilməsi üçün müxtəlif mötərizələrin müxtəlif rəngə boyanması çox rahat və faydalıdır.
Bu plagin Python istisna olmaqla, demək olar ki, bütün proqramlaşdırma dillərində işləyir. Amma Python-da heç mötərizə də yoxdur.
Indent Rainbow
VS Code redaktorunun bu və bundan əvvəlki genişlənməsi proqramlaşdırmanı daha parlaq və maraqlı hala gətirir. Bu genişlənmənin adından (göy qurşağı) çox şey aydın olur.
Bu genişlənmə bizə nə verir? O, koddakı abzas boşluqlarını ayrıca bir rəngə boyayır. Bu rəng dizaynı heç bir sətirdə qarışıqlığın yaranmasına imkan verməz.
GitLens
VS Code redaktorunun bəzi genişlənmələrinin monitorinq funksiyası da var. Məsələn, GitLens genişlənməsi Git-də kodun korrektə edilməsi zamanı şərhlərə və repozitori tarixçəsinə baxış üçün nəzərdə tutulur.
Başqa sözlə, bu bir kod dəyişikliklərinin vizuallaşdırılmasıdır. Onu siz axtarış etmədən və əlavə iş görmədən gözlə görə bilərsiniz. Proqramçı üçün iş rahatlığı.
Peacock
Elm adamları sübut edib ki, bir insan bir işi bəyənirsə, həmin işi görmək onun üçün heç bir çətinlik törətmir. İş yerinin rəng tərtibatı bəzən hətta iş ab-havasına münasibəti müəyyənləşdirir.
Peacock kimi bəzi visual studio plaginləri bənzər bir iş görür. Onun vəzifəsi proqramçının işinə müxtəliflik əlavə etməkdir. O, bunu rəng əlavə etməklə əldə edir. Bunun sayəsində iş yerinin fonunu və yan panelini dəyişmək olar.
Faker
Visual studio code redaktorunun plaqinləri yalnız rəngləri və digər vizual effektləri dəyişmir. Onlar həm də kodun testdən keçirilməsi üçün adlar və ya digər dəyişənlər yarada bilər.
Əlbəttə ki, bunu hər kəs edə bilər, amma işi çox olan bir şəxs dəyərli vaxtını kodun testi üçün ünvan və ya saxta ad düşünməyə sərf etmək istəmir.
Həmin şəxsin əvəzinə bu işi kompüter, yəni Faker plagini görə bilər.
Lorem ipsum
Doldurma mətni yaratmaq lazım olduqda köməyə məhz bu plaqin gəlir. O, dominodakı "balıq" üsulu ilə mövzunu bağlayacaq müvafiq mətn "yaradır". Məhz buna görə bu plaqin "balıq" da adlanır.
Mürəkkəb mətnlər yazmağa vaxtınız yoxdursa, bu plaqin çox əlverişlidir. O, bu işin öhdəsindən asanlıqla gəlir.
Better Comments
Koddakı şərhlər ayrıca bir mövzudur. Onları bəzən görmək olmur. Şərhləri ayırmaq üçün artıq məlum rəng sxemindən istifadə olunur. Onları mövzu meyarlarına və ya oxunma tezliyinə görə ayırd etmək olar. İstənilən halda, bu çox rahat və parlaqdır.
Bunları harada öyrənmək olar?
STEP Kompüter Akademiyasındakı Front End təlim kursunda biz sizə IT sahəsində uğurlu karyera başlanğıcı üçün faydalı ola biləcək hər şeyi öyrədəcəyik. Html kodu üçün VS Code genişlənmələri və plaqinləri sizin yaxşı bir mütəxəssis olmanıza və vaxtınıza qənaət etməyə kömək edəcək.
Vs code plaginlərinin təklif etdiyi rahatlığı hiss etmək üçün onlarla işi öyrənmək lazımdır.
Linkə daxil olub məsləhətləşmə təyin edin. Yüksək maaşlı və güclü bir proqramçı olmağa kömək edəcək zəruri bilik və bacarıqlara Siz yalnız bizdə yiyələnə bilərsiniz.