Introdución
Visual Studio Code (VS Code) é un dos editores de código máis populares da industria tecnolóxica, xa que ofrece funcións robustas e un deseño lixeiro que o converten no editor de código preferido para os desenvolvedores de todo o mundo. A súa popularidade pódese atribuír, en parte, á súa aparencia personalizable, que nos permite crear espazos de codificación elegantes e atractivos. Neste artigo, exploraremos como personalizar o aspecto do teu vs code para as túas preferencias, incluídos os temas do editor de código, os temas de iconas e os cambios de cor da barra de ferramentas.
Temas de iconas
Aínda que as iconas predeterminadas de Visual Studio Code están ben, por que limitarse a elas cando podes ter un festín visual? Podes cambiar a aparencia do teu explorador de ficheiros con temas de iconas, que melloran tanto o seu atractivo visual como a usabilidade.
Unha das opcións máis populares entre os desenvolvedores é a extensión Material Icon Theme. Con esta extensión, o teu explorador de ficheiros terá unha colección de iconas colorida e ben organizada, inspiradas no deseño de materiais de Google. Cada tipo de ficheiro ten a súa propia icona distintiva e identificable ao instante, o que fai que o teu espazo de traballo se vexa mellor en xeral.
Para instalar a extensión Material Icon Theme, siga estes pasos:
-
Abre Visual Studio Code.
-
Vaia á vista Extensións facendo clic na icona Extensións da barra de ferramentas situada no lado esquerdo da xanela.
-
Busca "Tema de icona material" e fai clic en instalar.
Despois da instalación, fai clic na icona da engrenaxe na esquina inferior esquerda e selecciona "Tema da icona do ficheiro" para escoller o tema da icona do material.
Temas do editor de código
Agora que o teu explorador de ficheiros parece bo, centrámonos no propio editor de código. Aínda que os temas claros e escuros predeterminados de VS Code son xeniais, hai ocasións nas que queres algo un pouco máis personalizado e elegante.
Unha boa opción como tema, especialmente para aqueles que prefiren codificar na escuridade, é a extensión do tema Night Owl. Night Owl, que foi creado pensando en contraste e lexibilidade, ten un esquema de cores calmante que axuda a aliviar a fatiga ocular durante as sesións de codificación prolongadas.
Para instalar a extensión do tema Night Owl:
Navega ata a vista Extensións.
Busca "Night Owl" e fai clic en instalar.
Despois da instalación, escolla Night Owl como tema abrindo a Paleta de comandos (Ctrl+Shift+P en Windows/Linux, Cmd+Shift+P en macOS), seleccionando "Tema de cor" e escollendo Night Owl na lista de temas instalados. no teu editor de código.
Cor da barra de ferramentas
Agora que o aspecto e a sensación do teu editor de código son perfectos, imos personalizar a cor da barra de ferramentas para poñer a guinda por riba. Aquí é onde entra en xogo a extensión do pavo real.
Grazas á extensión Peacock, podes personalizar o teu espazo de traballo cambiando a cor da barra de ferramentas ao lado do teu editor de código. Non só é agradable esteticamente, senón que se tes varias instancias de VS Code abertas, tamén pode axudarche a distinguirlas.
Para instalar a extensión Peacock:
-
Vaia á vista Extensións.
-
Busca "Peacock" e fai clic en instalar.
Despois da instalación, pode personalizar a cor da barra de ferramentas abrindo a paleta de comandos, buscando "Peacock: Introduza unha cor" e, a continuación, poñendo o valor hexadecimal da cor que quere configurar para a súa barra de ferramentas vs code.
Conclusión
Personalizar o código de Visual Studio é algo máis que cambiar as cores. Tamén debes crear un ambiente de codificación que coincida co teu estilo e aumente a produtividade. Así que non dubides en xogar e crear unha área de codificación que estimule a túa imaxinación en termos de aparencia, ademais de explorar outras características fantásticas do incrible VS Code. Feliz codificación!
Acelera as túas habilidades: Aprende a codificar en liña con Code Labs Academy.
