Pas jou VS-kode aan

Visual Studio Kode
Aanpassing
Kode Editor Temas
Pas jou VS-kode aan cover image

Inleiding

Visual Studio Code (VS Code) is een van die gewildste kode-redakteurs in die tegnologie-industrie, aangesien dit robuuste kenmerke en 'n liggewig ontwerp bied wat dit die kode-redakteur van keuse gemaak het vir ontwikkelaars wêreldwyd. Die gewildheid daarvan kan deels toegeskryf word aan sy aanpasbare voorkoms, wat ons in staat stel om spoggerige en opvallende koderingsruimtes te skep. In hierdie artikel sal ons ondersoek hoe om jou vs kode-voorkoms aan te pas vir jou voorkeure, insluitend koderedigeerder-temas, ikoon-temas en nutsbalkkleurveranderings.

Ikoon Temas

Selfs al is Visual Studio Code se verstek ikone goed, hoekom beperk jy jouself tot hulle wanneer jy 'n visuele fees kan hê? U kan die voorkoms van u lêerverkenner verander met ikoontemas, wat beide die visuele aantrekkingskrag en bruikbaarheid daarvan verbeter.

Een van die gewildste keuses onder ontwikkelaars is die Materiaal-ikoon-tema-uitbreiding. Met hierdie uitbreiding sal jou lêerverkenner 'n kleurvolle en goed georganiseerde versameling ikone hê, gemodelleer na Google se Materiaalontwerp. Elke soort lêer het sy eie kenmerkende en onmiddellik identifiseerbare ikoon, wat jou werkspasie in die algemeen beter laat lyk.

Volg hierdie stappe om die Materiaal-ikoon-tema-uitbreiding te installeer:

  1. Maak Visual Studio Code oop.

  2. Gaan na die Uitbreidings-aansig deur op die Uitbreidings-ikoon in die nutsbalk aan die linkerkant van die venster te klik.

  3. Soek vir "Material Icon Theme" en klik installeer.

Na die installasie, klik die rat-ikoon in die onderste linkerhoek en kies "Lêer-ikoon-tema" om die Materiaal-ikoon-tema te kies.

Koderedakteur-temas

Noudat jou lêerverkenner goed lyk, kom ons fokus op die koderedigeerder self. Alhoewel VS Code se verstek ligte en donker temas wonderlik is, is daar geleenthede wanneer jy iets wil hê wat 'n bietjie meer persoonlik en stylvol is.

Een goeie opsie as 'n tema, veral vir diegene wat eerder in die donker wil kodeer, is die Night Owl-tema-uitbreiding. Night Owl, wat geskep is met kontras en leesbaarheid in gedagte, het 'n kalmerende kleurskema wat help om oogstremming te verlig tydens uitgebreide koderingsessies.

Om die Night Owl-tema-uitbreiding te installeer:

Navigeer na die Uitbreidings-aansig.

Soek vir "Night Owl" en klik installeer.

Na die installasie, kies Naguil as jou tema deur die opdragpalet oop te maak (Ctrl+Shift+P op Windows/Linux, Cmd+Shift+P op macOS), kies "Kleurtema" en kies Naguil uit die lys van geïnstalleerde temas in jou kode-redigeerder.

Werkbalkkleur

Noudat die voorkoms en gevoel van jou koderedigeerder perfek is, kom ons pas die nutsbalkkleur aan om die versiersel bo-op te sit. Hier is waar die pou-uitbreiding ter sprake kom.

Danksy die Peacock-uitbreiding kan jy jou werkspasie aanpas deur die kleur van die nutsbalk aan die kant van jou koderedigeerder te verander. Dit is nie net esteties aangenaam nie, maar as jy verskeie gevalle van VS-kode oop het, kan dit jou ook help om tussen hulle te onderskei.

Om die Peacock-uitbreiding te installeer:

  1. Gaan na die Uitbreidings-aansig.

  2. Soek vir "Peacock" en klik installeer.

Na die installasie kan jy die nutsbalkkleur aanpas deur die opdragpalet oop te maak, te soek na "Puu: Voer 'n kleur in," en dan die hekswaarde van die kleur wat jy wil stel vir jou vs kode nutsbalk in te stel.

Gevolgtrekking

Die pasmaak van Visual Studio-kode is meer as net die verandering van kleure. Jy moet ook 'n koderingsomgewing skep wat by jou styl pas en produktiwiteit verhoog. So speel gerus rond en skep 'n koderingsarea wat jou verbeelding stimuleer wat voorkoms betref, asook om ander fancy kenmerke van die wonderlike VS-kode te verken. Gelukkige kodering!


Career Services background pattern

Loopbaandienste

Contact Section background image

Kom ons bly in kontak

Code Labs Academy © 2024 Alle regte voorbehou.