Personalizarea codului VS

Cod Visual Studio
personalizare
teme Editor de cod
Personalizarea codului VS cover image

Introducere

Visual Studio Code (VS Code) este unul dintre cei mai populari editori de cod din industria tehnologiei, deoarece oferă caracteristici robuste și un design ușor, care l-au făcut editorul de cod preferat pentru dezvoltatorii din întreaga lume. Popularitatea sa poate fi atribuită, parțial, aspectului său personalizabil, care ne permite să creăm spații de codare fanteziste și atrăgătoare. În acest articol, vom explora cum să vă personalizați aspectul vs code pentru preferințele dvs., inclusiv temele editorului de cod, temele pictogramelor și modificările de culoare din bara de instrumente.

Teme de pictograme

Chiar dacă pictogramele implicite ale Visual Studio Code sunt bune, de ce să te limitezi la ele când poți avea un festin vizual? Puteți schimba aspectul exploratorului de fișiere cu teme de pictograme, care îi îmbunătățesc atât atractivitatea vizuală, cât și capacitatea de utilizare.

Una dintre cele mai populare alegeri în rândul dezvoltatorilor este extensia Material Icon Theme. Cu această extensie, exploratorul dvs. de fișiere va avea o colecție colorată și bine organizată de pictograme, modelate după Material Design de la Google. Fiecare tip de fișier are propria pictogramă distinctă și identificabilă instantaneu, ceea ce face ca spațiul dvs. de lucru să arate mai bine în general.

Pentru a instala extensia Material Icon Theme, urmați acești pași:

  1. Deschide Visual Studio Code.

  2. Accesați vizualizarea Extensii făcând clic pe pictograma Extensii din bara de instrumente din partea stângă a ferestrei.

  3. Căutați „Temă pictogramă material” și faceți clic pe instalare.

După instalare, faceți clic pe pictograma roată din colțul din stânga jos și selectați „Temă pictogramă fișier” pentru a alege tema pictogramă Material.

Teme Editor de coduri

Acum că exploratorul de fișiere arată bine, să ne concentrăm pe editorul de cod în sine. Deși temele luminoase și întunecate implicite ale VS Code sunt grozave, există ocazii când îți dorești ceva mai personalizat și mai elegant.

O opțiune bună ca temă, în special pentru cei care preferă să codifice în întuneric, este extensia de temă Night Owl. Night Owl, care a fost creat având în vedere contrastul și lizibilitatea, are o schemă de culori liniştitoare care ajută la ameliorarea oboselii ochilor în timpul sesiunilor prelungite de codare.

Pentru a instala extensia de temă Night Owl:

Navigați la vizualizarea Extensii.

Căutați „Night Owl” și faceți clic pe instalare.

După instalare, alegeți Night Owl ca temă deschizând paleta de comandă (Ctrl+Shift+P pe Windows/Linux, Cmd+Shift+P pe macOS), selectând „Temă de culoare” și alegând Night Owl din lista de teme instalate în editorul dvs. de cod.

Culoarea barei de instrumente

Acum că aspectul și senzația editorului de cod sunt perfecte, să personalizăm culoarea barei de instrumente pentru a pune cireașa deasupra. Aici intervine extensia păunului.

Datorită extensiei Peacock, vă puteți personaliza spațiul de lucru schimbând culoarea barei de instrumente din partea laterală a editorului de cod. Nu numai că este plăcut din punct de vedere estetic, dar dacă aveți mai multe instanțe de VS Code deschise, vă poate ajuta și să faceți distincția între ele.

Pentru a instala extensia Peacock:

  1. Accesați vizualizarea Extensii.

  2. Căutați „Peacock” și faceți clic pe instalare.

După instalare, puteți personaliza culoarea barei de instrumente deschizând paleta de comenzi, căutând „Păun: Introduceți o culoare” și apoi punând valoarea hexadecimală a culorii pe care doriți să o setați pentru bara de instrumente vs code.

Concluzie

Personalizarea codului Visual Studio este mai mult decât schimbarea culorilor. De asemenea, trebuie să creați un mediu de codare care să se potrivească stilului dvs. și să mărească productivitatea. Așa că simțiți-vă liber să vă jucați și să creați o zonă de codare care să vă stimuleze imaginația în ceea ce privește aspectul, precum și să explorați alte caracteristici fanteziste ale uimitorului VS Code. Codare fericită!


Career Services background pattern

Servicii de carieră

Contact Section background image

Să rămânem în legătură

Code Labs Academy © 2024 Toate drepturile rezervate.