Անհատականացնելով ձեր VS կոդը

Visual Studio Code
Customization
Code Editor Themes
Անհատականացնելով ձեր VS կոդը cover image

Ներածություն

Visual Studio Code-ը (VS Code) տեխնոլոգիական արդյունաբերության ամենահայտնի կոդերի խմբագրիչներից մեկն է, քանի որ այն առաջարկում է ամուր առանձնահատկություններ և թեթև դիզայն, որոնք այն դարձրել են կոդերի ընտրության խմբագիր ամբողջ աշխարհում մշակողների համար: Դրա հանրաճանաչությունը կարող է մասամբ վերագրվել նրա հարմարեցված տեսքին, որը մեզ թույլ է տալիս ստեղծել շքեղ և աչքի ընկնող կոդավորման տարածքներ: Այս հոդվածում մենք կուսումնասիրենք, թե ինչպես հարմարեցնել ձեր ընդդեմ կոդի տեսքը ձեր նախասիրությունների համար, ներառյալ կոդերի խմբագրիչի թեմաները, պատկերակների թեմաները և գործիքագոտու գույնի փոփոխությունները:

Սրբապատկերների թեմաներ

Թեև Visual Studio Code-ի լռելյայն պատկերակները լավ են, ինչու՞ սահմանափակվեք դրանցով, երբ կարող եք տեսողական հյուրասիրություն կազմակերպել: Դուք կարող եք փոխել ձեր ֆայլերի հետազոտողի տեսքը պատկերակների թեմաներով, որոնք բարելավում են ինչպես տեսողական գրավչությունը, այնպես էլ օգտագործելիությունը:

Մշակողների շրջանում ամենատարածված տարբերակներից մեկը Material Icon Theme ընդլայնումն է: Այս ընդլայնման միջոցով ձեր ֆայլերի հետազոտողը կունենա պատկերակների գունագեղ և լավ կազմակերպված հավաքածու՝ ձևավորված Google-ի նյութական դիզայնի հիման վրա: Յուրաքանչյուր տեսակի ֆայլ ունի իր առանձնահատուկ և ակնթարթորեն ճանաչելի պատկերակը, որը ձեր աշխատանքային տարածքն ընդհանուր առմամբ ավելի լավ տեսք է տալիս:

Material Icon Theme ընդլայնումը տեղադրելու համար հետևեք հետևյալ քայլերին.

  1. Բացեք Visual Studio կոդը:

  2. Անցեք «Extensions» տեսք՝ սեղմելով «Extensions» պատկերակը պատուհանի ձախ կողմում գտնվող գործիքագոտում:

  3. Փնտրեք «Material Icon Theme» և սեղմեք տեղադրել:

Տեղադրվելուց հետո կտտացրեք փոխանցման պատկերակը ներքևի ձախ անկյունում և ընտրեք «Ֆայլի պատկերակի թեմա»՝ Նյութական պատկերակի թեման ընտրելու համար:

Կոդի խմբագրիչի թեմաներ

Այժմ, երբ ձեր ֆայլերի ուսումնասիրիչը լավ տեսք ունի, եկեք կենտրոնանանք հենց կոդի խմբագրիչի վրա: Չնայած VS Code-ի լռելյայն թեթև և մուգ թեմաները հիանալի են, կան դեպքեր, երբ դուք կցանկանաք մի փոքր ավելի անհատականացված և ոճային բան:

Որպես թեմա լավ տարբերակ, հատկապես նրանց համար, ովքեր նախընտրում են ծածկագրել մթության մեջ, Night Owl թեմայի ընդլայնումն է: Night Owl-ը, որը ստեղծվել է նկատի ունենալով կոնտրաստն ու ընթեռնելիությունը, ունի հանգստացնող գունային սխեման, որն օգնում է թեթևացնել աչքերի լարվածությունը երկարացված կոդավորման նիստերի ընթացքում:

Night Owl թեմայի ընդլայնումը տեղադրելու համար՝

Նավարկեք դեպի Ընդլայնումներ:

Որոնեք «Night Owl» և սեղմեք տեղադրել:

Տեղադրվելուց հետո ընտրեք Night Owl որպես ձեր թեմա՝ բացելով Command Palette (Ctrl+Shift+P Windows/Linux-ում, Cmd+Shift+P macOS-ում), ընտրելով «Color Theme» և տեղադրելով Night Owl տեղադրված թեմաների ցանկից։ ձեր կոդի խմբագրիչում:

Գործիքադարակի գույնը

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

Peacock ընդլայնման շնորհիվ դուք կարող եք հարմարեցնել ձեր աշխատանքային տարածքը՝ փոխելով ձեր կոդի խմբագրիչի կողմում գտնվող գործիքագոտու գույնը: Սա ոչ միայն էսթետիկորեն հաճելի է, այլև, եթե դուք ունեք բաց VS Code-ի բազմաթիվ օրինակներ, այն կարող է նաև օգնել ձեզ տարբերակել դրանք:

Peacock ընդլայնումը տեղադրելու համար.

  1. Գնալ դեպի Ընդլայնումներ տեսք:

  2. Փնտրեք «Peacock» և սեղմեք տեղադրել:

Տեղադրվելուց հետո կարող եք հարմարեցնել գործիքագոտու գույնը՝ բացելով հրամանների գունապնակը, որոնելով «Peacock. Enter a color» և այնուհետև դնելով գույնի վեցանկյուն արժեքը, որը ցանկանում եք սահմանել ձեր ընդդեմ կոդի գործիքագոտու համար:

Եզրակացություն

Visual Studio կոդը հարմարեցնելն ավելին է, քան պարզապես գույները փոխելը: Դուք նաև պետք է ստեղծեք կոդավորման միջավայր, որը կհամապատասխանի ձեր ոճին և կբարձրացնի արտադրողականությունը: Այսպիսով, ազատ զգալ խաղացեք և ստեղծեք կոդավորման տարածք, որը կխթանի ձեր երևակայությունը արտաքին տեսքի առումով, ինչպես նաև ուսումնասիրեք զարմանալի VS Code-ի այլ շքեղ հատկություններ: Ուրախ կոդավորում:


Արագ հետևեք ձեր հմտություններին – Իմացեք առցանց կոդավորում Code Labs Academy-ի հետ:


Career Services background pattern

Կարիերայի ծառայություններ

Contact Section background image

Եկեք մնանք կապի մեջ

Code Labs Academy © 2024 Բոլոր իրավունքները պաշտպանված են.