Visual Studio Code verandert het bewerken en schrijven van nieuwe code in een probleemloze, leuke ervaring. Het standaard donkere thema van VS Code is ontworpen om prettiger voor de ogen te zijn dan een gewone harde, witte achtergrond die vermoeidheid kan veroorzaken na lange uren werken. Maar wat als je de donkere kleuren op je scherm niet zo mooi vindt tijdens het werken?
Het voordeel van het modulaire ontwerp van VS Code is dat je een enorme vrijheid hebt bij het wijzigen van het originele donkere thema met veel verschillende aanpassingsopties die het scala aan schermkleuren, lettertypen en zelfs het uiterlijk van de geïntegreerde terminal van VS Code zelf omvatten.
Dit artikel vertelt u alles wat u moet weten over het wijzigen van thema's in VS Code.
Hoe het thema in VS-code te veranderen
Het algemene thema in VS Code wijzigen is snel en eenvoudig. Dit is wat u moet doen:
- VS-code openen.
- Selecteer "Bestand" ("Code" op macOS), selecteer "Voorkeuren" en kies vervolgens "Kleurthema".
- VS Code toont u een selectie van vooraf gebouwde thema's waaruit u kunt kiezen in een vervolgkeuzemenu.
- Gebruik uw cursortoetsen om te zien hoe elk thema er direct op het scherm uitziet.
- Druk tijdens het selecteren op "Enter" om dat thema te kiezen dat u wilt gebruiken.
Het wijzigen van het thema naar een ander, vooraf geconfigureerd thema is misschien het eerste dat u doet wanneer u VS Code voor de eerste keer opent. Het coderen kan veel tijd kosten, dus het is nuttig om een thema te gebruiken waar u zich prettig bij voelt en dat geen pijn doet aan uw ogen tijdens het werken.
Hoe u uw terminalthema in VS-code kunt wijzigen
Als u zich wilt houden aan de verschillende vooraf geconfigureerde opties voor de terminalkleur en het thema, is het proces hetzelfde als het wijzigen van het algemene thema. Alle geïntegreerde thema's bevatten opties om het uiterlijk van uw terminal te wijzigen, maar u kunt deze niet scheiden van de andere delen van het thema zelf vanuit het hoofdmenu.
Voordat u de bovengenoemde stappen gebruikt om het thema te wijzigen, opent u de terminalconsole (Ctrl + Shift + P) om een voorbeeld van de wijzigingen in de terminal te bekijken. Sommige thema's brengen geen wijzigingen aan in de terminal, terwijl andere deze drastisch kunnen verschuiven. Bovendien is het ook niet goed om een thema te gebruiken dat je maar matig leuk vindt, omdat je misschien merkt dat je de terminal meer gebruikt dan je aanvankelijk dacht.
Er zijn echter een paar tijdelijke oplossingen waarmee u het terminalthema kunt wijzigen, wat we in de onderstaande secties zullen bespreken.
Hoe materieel thema in VS-code te veranderen
Het belangrijkste kenmerk van VS Code is de overvloed aan opwindende extensies om uw codeerervaring aan te passen en meer functionaliteiten naar de teksteditor te brengen. Een van dergelijke extensies is het materiaalthema, een van de meest populaire in zijn soort in de VS Code Marketplace.
Materiaalthema heeft veel voordelen ten opzichte van vooraf aangepaste ontwerpen, maar sommige gebruikers vinden het misschien ontbreken. De gebruikershandleiding voor deze extensie bevat enkele tips over hoe u verdere wijzigingen kunt aanbrengen om aan uw behoeften te voldoen. Ga als volgt te werk om het algemene thema in Materieel thema te wijzigen:
- Open het snelmenu (Ctrl + Shift + P).
- Typ "thema" in de prompt.
- Kies 'Voorkeuren: kleurenthema'.
- Selecteer een van de voorinstellingen van het materiaalthema.
Door een accentkleur in te stellen, springt een deel van de code eruit, wat handig kan zijn als het een bijzonder belangrijke of lastige regel is om te diagnosticeren. Gebruik de volgende stappen om een accentkleur in te stellen:
- Open het snelmenu (Ctrl + Shift + P).
- Typ "materiaalthema" in de prompt.
- Kies 'Materiaalthema: accentkleur instellen'.
- Kies de gewenste kleur uit de lijst.
Met een gewijzigd materiaalthema kun je maatwerk krijgen dat boven de norm ligt, en we laten je zien hoe.
Een thema handmatig aanpassen in VS-code
VS Code maakt veel meer maatwerk mogelijk dan alleen het wisselen tussen een paar presets. Hier zijn twee manieren om het thema naar wens aan te passen.
Methode 1 – Download een aangepast thema
Als we het hebben over maatwerk, kunnen we niet voorbijgaan aan de uitgebreide VS Code Marketplace. Er zijn verschillende extensies die alleen het uiterlijk van VS Code veranderen zonder de functionaliteit ervan te verstoren. Hier leest u hoe u een thema downloadt.
- Open de VS Code Marketplace. U kunt ook gebruik maken van het geïntegreerde menu "Extensies" aan de linkerkant van het scherm.
- Typ 'thema' in de zoekbalk om alleen door die items te bladeren die het thema wijzigen. Een van onze topaanbevelingen is het hierboven genoemde materiaalthema, maar we zijn er zeker van dat u er een kunt vinden die het beste bij u past.
- Download de extensie (als u een browser gebruikt) en installeer vervolgens het .VSIX-bestand door naar "Extensies> ellipspictogram> Installeren vanaf VSIX" te gaan. Als alternatief, wanneer u het thema vindt dat u leuk vindt in VS Code, klikt u erop en selecteert u vervolgens de knop "Installeren" in het detailmenu (rechts).
- Nadat het thema is geïnstalleerd en ingeschakeld, selecteert u het met de opdracht "Voorkeuren: Kleurthema".
Methode 2 – Het thema bewerken
Alle thema's en instellingen worden opgeslagen in VS Code met behulp van platte tekst. Volg de stappen om toegang te krijgen tot deze instellingen en de gewenste wijzigingen aan te brengen:
- Maak een werkbank- of gebruikersinstellingenbestand. De eerste zal alleen het uiterlijk van het huidige project veranderen, maar de laatste zal blijven bestaan voor nieuwe projecten.
- Typ de opdracht "Voorkeuren: Instellingen openen" in het hoofdmenu.
- Selecteer het tabblad links bovenaan om te kiezen tussen gebruikers- en werkbankinstellingen.
- Druk op "Bewerken in settings.json" om het bestand te openen met de instellingen die u moet wijzigen.
- Zoek de instelling met de naam "workbench.colorCustomizations".
- Concentreer u op het veranderen van het gewenste thema door in
"[Thema_name]": { }
De Theme_name is de naam van het thema dat u wilt wijzigen. Bewaar de aanhalingstekens.
- Verdere wijzigingen in het thema zijn aangebracht in de nieuwe haakjes. Typ de naam van de parameter die u wilt wijzigen (tussen aanhalingstekens), typ ':' en kies vervolgens de juiste instelling die u nodig hebt.
- Gebruik deze handleiding om de parameters te vinden die u wilt wijzigen.
- Kleuren worden opgeslagen in hexadecimale code. Gebruik een hexadecimale kleurengids om de gewenste kleur te bepalen.
- Als u klaar bent met de wijzigingen, slaat u het bestand op.
Deze methode kan worden gebruikt om het grootste deel van de gebruikersinterface en het uiterlijk van de code te wijzigen, inclusief de kleur van het basisthema, de achtergronden, het uiterlijk van de terminal, de knopkleuren en de lettertypestijlen.
Als u zich afvraagt hoe u het lettertype in VS-code kunt wijzigen, gebruikt u methode 2 die hierboven is beschreven. U hebt waarschijnlijk een lettertypegids nodig.
Aanvullende veelgestelde vragen
Waar worden VS-codethema's opgeslagen?
De thema's die afkomstig zijn van extensies worden opgeslagen in de map met extensies van VS Code. Deze locatie bevindt zich in uw installatiemap (bijvoorbeeld C:) en is meestal hier te vinden:
~/.vscode/extensies
Hier is "~" de installatiemap voor VS Code.
Basisthema's worden opgeslagen in: Microsoft VS Code\resources\app\extensions\theme-defaults\themes
U hoeft echter geen tijd te besteden aan het zoeken naar bestanden die u wilt wijzigen. Het wijzigen van de gebruikersinstellingen via het bestand "settings.json" levert veel snellere resultaten op.
Hoe verander ik de commentaarkleur in VS-code?
Om de commentaarkleuren te wijzigen, opent u het bestand "settings.json" (gebruik "Methode 2" zoals hierboven beschreven), selecteert u het thema dat u wilt wijzigen en voert u vervolgens in (met aanhalingstekens):
“opmerkingen” : “#hexcode”
Hier is "hexcode" de code voor de gewenste kleur. Gebruik een kleurenkiezer om een geschikte kleur te kiezen.
Wat is het beste thema in VS-code?
Het beste VS Code-thema is het thema dat u het prettigst en nuttigst vindt voor uw programmeerinspanningen. Verschillende gebruikers kunnen verschillende kleur- en themavoorkeuren hebben. Gelukkig zijn er tal van opties om uit te kiezen, of het nu gaat om de vooraf geconfigureerde thema's, het downloaden van extensies of de mogelijkheid om een thema precies naar wens aan te passen.
Kies je thema
Met deze instructies kun je een thema volledig naar wens aanpassen. Met zijn schat aan opties blijft VS Code een van de meest populaire teksteditors, en het vermogen om nieuwe functies met extensies te krijgen, maakt het erg vergelijkbaar met een IDE.
Welke thema's gebruik je in VS Code? Heb je wijzigingen aangebracht in je favoriete thema? Laat het ons weten in de comments hieronder.
