Visual Studio Code premení úpravu a písanie nového kódu na bezproblémový a zábavný zážitok. Predvolená tmavá téma VS Code bola navrhnutá tak, aby bola pre oči príjemnejšia ako bežné drsné biele pozadie, ktoré môže spôsobiť únavu po dlhých hodinách práce. Čo ak sa vám však pri práci nepáčia tmavé farby na obrazovke?
Výhodou modulárneho dizajnu VS Code je, že máte obrovskú slobodu pri zmene pôvodnej tmavej témy s množstvom rôznych možností prispôsobenia, ktoré pokrývajú celú škálu farieb obrazovky, písiem a dokonca aj vzhľadu samotného integrovaného terminálu VS Code.
Tento článok vám povie všetko, čo potrebujete vedieť o zmene tém v kóde VS.
Ako zmeniť tému v kóde VS
Zmena celkovej témy vo VS Code je rýchla a jednoduchá. Tu je to, čo musíte urobiť:
- Otvorte kód VS.
- Vyberte „Súbor“ („Kód“ v systéme macOS), vyberte „Predvoľby“ a potom vyberte „Farebný motív“.
- VS Code vám v rozbaľovacej ponuke zobrazí výber vopred vytvorených tém, z ktorých si môžete vybrať.
- Použite kurzorové klávesy na zobrazenie ukážky toho, ako každá téma vyzerá priamo na obrazovke.
- Pri výbere stlačte „Enter“ a vyberte tému, ktorú chcete použiť.
Zmena témy na inú predkonfigurovanú môže byť prvá vec, ktorú urobíte, keď prvýkrát otvoríte VS Code. Kódovanie môže zabrať veľa času, takže je výhodné použiť motív, ktorý vám vyhovuje a pri práci vás nebolí oči.
Ako zmeniť tému terminálu v kóde VS
Ak sa chcete držať niekoľkých predkonfigurovaných možností pre farbu a tému terminálu, postup je rovnaký ako pri zmene celkovej témy. Všetky integrované témy obsahujú možnosti na zmenu vzhľadu vášho terminálu, ale nemôžete ho oddeliť od ostatných častí samotnej témy z hlavnej ponuky.
Pred použitím vyššie uvedených krokov na zmenu témy otvorte konzolu terminálu (Ctrl + Shift + P), aby ste si prezreli zmeny vykonané v termináli. Niektoré témy nevykonávajú žiadne zmeny v termináli, zatiaľ čo iné ho môžu drasticky posunúť. Okrem toho nie je dobré používať tému, ktorá sa vám páči, len mierne, pretože môžete zistiť, že používate terminál viac, ako ste si pôvodne mysleli.
Existuje však niekoľko riešení, ktoré vám umožnia zmeniť tému terminálu, ktorej sa budeme venovať v sekciách nižšie.
Ako zmeniť tému materiálu v kóde VS
Hlavnou funkciou VS Code je prebytok vzrušujúcich rozšírení na prispôsobenie vášho zážitku z kódovania a prinesenie viacerých funkcií do textového editora. Jedným z takýchto rozšírení je téma Material, jedno z najpopulárnejších svojho druhu na VS Code Marketplace.
Téma Material má v porovnaní s vopred prispôsobenými návrhmi veľa výhod, no niektorým používateľom môže chýbať. Používateľská príručka pre toto rozšírenie obsahuje niekoľko tipov, ako vykonať ďalšie zmeny, aby vyhovovali vašim potrebám. Tu je postup, ako zmeniť celkovú tému v téme materiálu:
- Otvorte rýchlu ponuku (Ctrl + Shift + P).
- Do výzvy zadajte „téma“.
- Vyberte „Predvoľby: Farebná téma“.
- Vyberte jednu z predvolieb Material Theme.
Nastavenie zvýrazňujúcej farby spôsobí, že časť kódu sa objaví, čo môže byť užitočné, ak ide o obzvlášť dôležitý alebo problematický riadok na diagnostiku. Ak chcete nastaviť farbu zvýraznenia, postupujte podľa nasledujúcich krokov:
- Otvorte rýchlu ponuku (Ctrl + Shift + P).
- Do výzvy zadajte „materiálová téma“.
- Vyberte „Materiálový motív: Nastaviť farbu zvýraznenia“.
- Vyberte si zo zoznamu farbu, ktorá sa vám páči.
So zmenenou témou Material môžete získať prispôsobenie, ktoré je nad rámec normy, a my vám ukážeme, ako na to.
Ako manuálne prispôsobiť tému v kóde VS
VS Code umožňuje oveľa viac prispôsobenia, než len zmenu medzi niekoľkými predvoľbami. Tu sú dva spôsoby, ako upraviť tému podľa vašich predstáv.
Metóda 1 – Stiahnite si vlastnú tému
Keď hovoríme o prispôsobení, nemôžeme nespomenúť rozsiahly VS Code Marketplace. Existujú rôzne rozšírenia, ktoré menia iba vzhľad kódu VS bez toho, aby zasahovali do jeho funkčnosti. Tu je návod, ako stiahnuť tému.
- Otvorte VS Code Marketplace. Môžete tiež použiť integrovanú ponuku „Rozšírenia“ na ľavej strane obrazovky.
- Ak chcete prehľadávať iba položky, ktoré menia tému, zadajte do vyhľadávacieho panela „téma“. Jedným z našich najlepších odporúčaní je téma Material Theme uvedená vyššie, ale sme si istí, že nájdete ten, ktorý vám najviac vyhovuje.
- Stiahnite si rozšírenie (ak používate prehliadač) a potom nainštalujte súbor .VSIX tak, že prejdete na „Rozšírenia > ikona elipsy > Inštalovať z VSIX.“ Prípadne, keď nájdete tému, ktorá sa vám páči vo VS Code, kliknite na ňu a potom vyberte tlačidlo „Inštalovať“ v ponuke podrobností (vpravo).
- Keď je téma nainštalovaná a povolená, vyberte ju pomocou príkazu „Preferences: Color Theme“.
Metóda 2 – Úprava témy
Všetky témy a nastavenia sú uložené v kóde VS pomocou otvoreného textu. Ak chcete získať prístup k týmto nastaveniam a vykonať požadované zmeny, postupujte podľa týchto krokov:
- Vytvorte pracovný stôl alebo súbor používateľských nastavení. Prvý z nich zmení iba vzhľad súčasného projektu, ale druhý zostane naprieč novými projektmi.
- Zadajte príkaz „Predvoľby: Otvoriť nastavenia“ v hlavnej ponuke.
- Vyberte kartu vľavo hore a vyberte si medzi nastaveniami používateľa a pracovného stola.
- Stlačením „Upraviť v settings.json“ otvoríte súbor, ktorý obsahuje nastavenia, ktoré potrebujete zmeniť.
- Nájdite nastavenie s názvom „workbench.colorCustomizations“.
- Zamerajte sa na zmenu témy, ktorú chcete vložením
„[Názov_témy]“: { }
Theme_name je názov témy, ktorú chcete zmeniť. Ponechajte si úvodzovky.
- Ďalšie zmeny témy sú vykonané v nových zátvorkách. Zadajte názov parametra, ktorý chcete zmeniť (v úvodzovkách), napíšte „:“ a potom vyberte príslušné nastavenie, ktoré potrebujete.
- Pomocou tohto sprievodcu nájdite parametre, ktoré chcete zmeniť.
- Farby sú uložené v hexadecimálnom kóde. Na určenie požadovanej farby použite farebnú hexadecimálnu príručku.
- Keď skončíte so zmenami, uložte súbor.
Túto metódu možno použiť na zmenu väčšiny používateľského rozhrania a vzhľadu kódu vrátane základnej farby motívu, pozadí, vzhľadu terminálu, farieb tlačidiel a štýlov písma.
Ak vás zaujíma, ako zmeniť písmo v kóde VS, použite metódu 2 opísanú vyššie. Pravdepodobne budete potrebovať sprievodcu písmom.
Ďalšie často kladené otázky
Kde sú uložené témy kódu VS?
Témy, ktoré pochádzajú z rozšírení, sú uložené v priečinku rozšírení VS Code. Toto umiestnenie je vo vašom inštalačnom adresári (napríklad C:) a zvyčajne ho nájdete tu:
~/.vscode/extensions
Tu je „~“ inštalačný adresár pre kód VS.
Základné motívy sú uložené v: Microsoft VS Code\resources\app\extensions\theme-defaults\themes
Nemusíte však tráviť čas hľadaním súborov na zmenu. Zmena používateľských nastavení prostredníctvom súboru „settings.json“ prinesie oveľa rýchlejšie výsledky.
Ako zmením farbu komentára v kóde VS?
Ak chcete zmeniť farby komentárov, otvorte súbor „settings.json“ (použite „Metódu 2“ opísanú vyššie), vyberte motív, ktorý chcete zmeniť, a potom zadajte (s úvodzovkami):
"comments" : "#hexcode"
Tu je „hexcode“ kódom pre požadovanú farbu. Pomocou nástroja na výber farieb vyberte vhodnú farbu.
Aká je najlepšia téma vo VS Code?
Najlepšia téma VS Code je tá, ktorú považujete za najpríjemnejšiu a najužitočnejšiu pre vaše programovacie úsilie. Rôzni používatelia môžu mať odlišné preferencie farieb a tém. Našťastie je na výber množstvo možností, či už v predkonfigurovaných témach, sťahovaní rozšírení alebo v možnosti prispôsobiť si tému presne podľa svojich predstáv.
Vyberte si tému
Pomocou týchto pokynov môžete úplne prispôsobiť tému, ako chcete. Vďaka svojim bohatým možnostiam zostáva VS Code jedným z najpopulárnejších textových editorov a jeho schopnosť získať nové funkcie pomocou rozšírení ho robí veľmi podobným IDE.
Aké témy používate vo VS Code? Urobili ste nejaké zmeny v preferovanej téme? Dajte nám vedieť v sekcii komentárov nižšie.
