Introducció
Visual Studio Code (VS Code) és un dels editors de codi més populars de la indústria tecnològica, ja que ofereix funcions robustes i un disseny lleuger que l'han convertit en l'editor de codi preferit per als desenvolupadors de tot el món. La seva popularitat es pot atribuir, en part, al seu aspecte personalitzable, que ens permet crear espais de codificació fantàstics i atractius. En aquest article, explorarem com personalitzar l'aspecte del vostre codi contra les vostres preferències, inclosos els temes de l'editor de codi, els temes d'icones i els canvis de color de la barra d'eines.
Temes d'icones
Tot i que les icones predeterminades de Visual Studio Code estan bé, per què limitar-se a elles quan podeu tenir una festa visual? Podeu canviar l'aspecte del vostre explorador de fitxers amb temes d'icones, que milloren tant el seu atractiu visual com la seva usabilitat.
Una de les opcions més populars entre els desenvolupadors és l'extensió Material Icon Theme. Amb aquesta extensió, el vostre explorador de fitxers tindrà una col·lecció d'icones colorida i ben organitzada, inspirada en el Material Design de Google. Cada tipus de fitxer té la seva pròpia icona distintiva i identificable a l'instant, que fa que el vostre espai de treball sembli millor en general.
Per instal·lar l'extensió Material Icon Theme, seguiu aquests passos:
-
Obriu Visual Studio Code.
-
Aneu a la vista Extensions fent clic a la icona Extensions de la barra d'eines del costat esquerre de la finestra.
-
Cerqueu "Tema d'icona de material" i feu clic a Instal·la.
Després de la instal·lació, feu clic a la icona d'engranatge a la cantonada inferior esquerra i seleccioneu "Tema d'icona de fitxer" per triar el tema d'icona de material.
Temes de l'editor de codi
Ara que el vostre explorador de fitxers té un bon aspecte, centrem-nos en el propi editor de codi. Tot i que els temes clars i foscos predeterminats de VS Code són fantàstics, hi ha ocasions en què us agradaria alguna cosa una mica més personalitzada i elegant.
Una bona opció com a tema, especialment per a aquells que prefereixen codificar a les fosques, és l'extensió del tema Night Owl. Night Owl, que es va crear tenint en compte el contrast i la llegibilitat, té un esquema de colors calmant que ajuda a alleujar la fatiga visual durant les sessions de codificació prolongades.
Per instal·lar l'extensió del tema Night Owl:
Aneu a la vista Extensions.
Cerqueu "Night Owl" i feu clic a instal·la.
Després de la instal·lació, trieu Night Owl com a tema obrint la paleta d'ordres (Ctrl+Maj+P a Windows/Linux, Cmd+Maj+P a macOS), seleccionant "Tema de color" i escollint Night Owl de la llista de temes instal·lats. al vostre editor de codi.
Color de la barra d'eines
Ara que l'aspecte i la sensació del vostre editor de codi són perfectes, personalitzem el color de la barra d'eines per posar la guinda a sobre. Aquí és on entra en joc l'extensió del paó.
Gràcies a l'extensió Peacock, podeu personalitzar el vostre espai de treball canviant el color de la barra d'eines al costat de l'editor de codi. Això no només és estèticament agradable, sinó que si teniu obertes diverses instàncies de VS Code, també us pot ajudar a distingir-les.
Per instal·lar l'extensió Peacock:
-
Aneu a la vista Extensions.
-
Cerqueu "Peacock" i feu clic a instal·lar.
Després de la instal·lació, podeu personalitzar el color de la barra d'eines obrint la paleta d'ordres, cercant "Paó: introduïu un color" i, a continuació, posant el valor hexadecimal del color que voleu establir per a la vostra barra d'eines vs code.
Conclusió
Personalitzar el codi de Visual Studio és més que canviar els colors. També heu de crear un entorn de codificació que coincideixi amb el vostre estil i augmenti la productivitat. Així que no dubteu a jugar i crear una àrea de codificació que estimuli la vostra imaginació en termes d'aparença, així com explorar altres funcions de luxe de l'increïble VS Code. Feliç codificació!
