A Visual Studio Code problémamentes, szórakoztató élménnyé varázsolja az új kódok szerkesztését és írását. A VS Code alapértelmezett sötét témája úgy lett kialakítva, hogy könnyebben érintse a szemet, mint a szokásos durva, fehér háttér, amely fáradtságot okozhat a hosszú munkaórák után. De mi van akkor, ha munka közben nem igazán szereti a képernyő sötét színeit?
A VS Code moduláris felépítésének előnye, hogy óriási szabadságot élvezhet az eredeti sötét téma megváltoztatásában, számos különböző testreszabási lehetőséggel, amelyek átfogják a képernyő színeinek skáláját, a betűtípusokat, és még magának a VS Code integrált termináljának megjelenését is.
Ez a cikk mindent elmond, amit tudnia kell a VS Code témáinak megváltoztatásáról.
Hogyan változtassunk témát a VS Code-ban
A VS Code általános témájának megváltoztatása gyors és egyszerű. A következőket kell tennie:
- Nyissa meg a VS kódot.
- Válassza a „Fájl” lehetőséget (macOS-en „Kód”, majd a „Beállítások”, majd a „Színtéma” lehetőséget).
- A VS Code előre elkészített témák közül választhat egy legördülő menüben.
- A kurzorbillentyűk segítségével megtekintheti, hogyan néznek ki az egyes témák közvetlenül a képernyőn.
- Nyomja meg az „Enter” gombot, miközben kiválasztja a használni kívánt témát.
A téma módosítása egy másik előre konfiguráltra lehet az első dolog, amit a VS Code első megnyitásakor tesz. A kódolás sok időt vehet igénybe, ezért előnyös, ha olyan témát használ, amiben jól érzi magát, és amely munka közben nem bántja a szemét.
Hogyan változtassuk meg a terminál témáját a VS Code-ban
Ha ragaszkodni szeretne a terminál színének és témájának számos előre konfigurált beállításához, akkor a folyamat megegyezik az általános téma megváltoztatásával. Az összes integrált témában lehetőség van a terminál megjelenésének megváltoztatására, de nem választhatja el magát a téma többi részétől a főmenüből.
Mielőtt a fent említett lépéseket a téma megváltoztatásához használná, nyissa meg a terminálkonzolt (Ctrl + Shift + P) a terminálon végrehajtott módosítások előnézetéhez. Egyes témák nem módosítanak a terminálon, míg mások drasztikusan eltolhatják azt. Ráadásul az sem jó, ha olyan témát használunk, amelyet csak mérsékelten szeretünk, mivel előfordulhat, hogy többet használjuk a terminált, mint azt először gondoltuk.
Van azonban néhány megkerülő megoldás, amely lehetővé teszi a terminál témájának megváltoztatását, amelyeket az alábbi szakaszokban tárgyalunk.
Az anyagtéma megváltoztatása a VS Code-ban
A VS Code fő jellemzője az izgalmas bővítmények bősége, amellyel személyre szabhatja a kódolási élményt, és több funkciót visz a szövegszerkesztőbe. Az egyik ilyen bővítmény a Material Theme, amely a maga nemében az egyik legnépszerűbb a VS Code Marketplace-en.
A Material Theme számos előnnyel rendelkezik az előre testreszabott tervekhez képest, de egyes felhasználók hiányozhatnak belőle. A bővítmény felhasználói kézikönyve néhány tippet tartalmaz arra vonatkozóan, hogyan hajthat végre további változtatásokat az Ön igényei szerint. A következőképpen módosíthatja az Anyag téma általános témáját:
- Nyissa meg a gyorsmenüt (Ctrl + Shift + P).
- Írja be a „téma” szót a promptba.
- Válassza a „Beállítások: Színtéma” lehetőséget.
- Válassza ki az Anyag téma egyik előre beállított értékét.
A hangsúlyos szín beállítása a kód egy részét feldobja, ami hasznos lehet, ha ez egy különösen fontos vagy problémás vonal a diagnosztizálás során. A kiemelő szín beállításához kövesse az alábbi lépéseket:
- Nyissa meg a gyorsmenüt (Ctrl + Shift + P).
- Írja be az „anyag téma” szót a promptba.
- Válassza az „Anyag téma: Kiemelési szín beállítása” lehetőséget.
- Válassza ki a kívánt színt a listából.
A megváltozott anyagtémával a megszokottnál nagyobb testreszabási lehetőségeket kaphat, mi pedig megmutatjuk, hogyan.
Hogyan lehet manuálisan testreszabni egy témát a VS Code-ban
A VS Code sokkal több testreszabást tesz lehetővé, mint egyszerűen csak néhány előbeállítás között váltani. Kétféleképpen szabhatja testre a témát ízlése szerint.
1. módszer – Egyedi téma letöltése
Amikor a testreszabásról beszélünk, nem mehetünk el szó nélkül a kiterjedt VS Code Marketplace mellett. Különféle kiterjesztések léteznek, amelyek kizárólag a VS Code megjelenését változtatják meg anélkül, hogy megzavarnák a működését. Így tölthet le egy témát.
- Nyissa meg a VS Code Marketplace-t. Használhatja a képernyő bal oldalán található integrált „Bővítmények” menüt is.
- Írja be a „téma” szót a keresősávba, ha csak a témát módosító elemek között szeretne böngészni. Az egyik legfontosabb javaslatunk a fent említett Material Theme, de biztosak vagyunk benne, hogy megtalálja a legmegfelelőbbet.
- Töltse le a kiterjesztést (ha böngészőt használ), majd telepítse a .VSIX fájlt a „Bővítmények > ellipszis ikon > Telepítés VSIX-ről” menüpontban. Alternatív megoldásként, ha megtalálta a VS Code-ban a kívánt témát, kattintson rá, majd válassza ki a „Telepítés” gombot a részletek (jobb) menüben.
- Miután telepítette és engedélyezte a témát, válassza ki a „Beállítások: Színtéma” paranccsal.
2. módszer – A téma szerkesztése
Az összes témát és beállítást a VS Code tárolja egyszerű szöveggel. Kövesse a lépéseket a beállítások eléréséhez és a kívánt módosítások végrehajtásához:
- Hozzon létre egy munkaasztalt vagy felhasználói beállítások fájlt. Az előbbi csak a jelenlegi projekt megjelenését változtatja meg, az utóbbi azonban az új projekteknél is megmarad.
- Írja be a „Preferences: Open Settings” parancsot a főmenübe.
- A bal felső sarokban lévő fülre kattintva választhat a felhasználói és a munkaasztal beállításai között.
- Nyomja meg a „Szerkesztés a settings.jsonban” gombot a módosítandó beállításokat tartalmazó fájl megnyitásához.
- Keresse meg a „workbench.colorCustomizations” nevű beállítást.
- Összpontosítson a kívánt téma megváltoztatására a beillesztéssel
„[Téma_neve]”: { }
A Theme_name a módosítani kívánt téma neve. Tartsd meg az idézeteket.
- A téma további módosításai az új zárójelben találhatók. Írja be a módosítani kívánt paraméter nevét (idézőjelbe), írja be a „:” jelzést, majd válassza ki a kívánt beállítást.
- Használja ezt az útmutatót a módosítani kívánt paraméterek megkereséséhez.
- A színek hexadecimális kódban vannak tárolva. Színes hexadecimális útmutató segítségével határozza meg a kívánt színt.
- Ha végzett a módosításokkal, mentse a fájlt.
Ezzel a módszerrel módosítható a legtöbb felhasználói felület és kód megjelenése, beleértve az alaptéma színét, a háttereket, a terminál megjelenését, a gombszíneket és a betűstílusokat.
Ha arra kíváncsi, hogyan módosíthatja a betűtípust a VS-kódban, használja a fent vázolt 2. módszert. Valószínűleg szüksége lesz egy betűtípus-útmutatóra.
További GYIK
Hol tárolják a VS Code témákat?
A kiterjesztésekből származó témák a VS Code kiterjesztések mappájában tárolódnak. Ez a hely a telepítési könyvtárban található (például C:), és általában itt található:
~/.vscode/extensions
Itt a „~” a VS Code telepítési könyvtára.
Az alaptémák a következő helyen találhatók: Microsoft VS Code\resources\app\extensions\theme-defaults\themes
Azonban nem kell időt töltenie a módosítandó fájlok keresésére. A felhasználói beállítások „settings.json” fájlon keresztüli módosítása sokkal gyorsabb eredményt biztosít.
Hogyan változtathatom meg a megjegyzés színét a VS kódban?
A megjegyzések színének megváltoztatásához nyissa meg a „settings.json” fájlt (használja a fent vázolt „2. módszert”), válassza ki a módosítani kívánt témát, majd írja be (idézőjelekkel):
"megjegyzések" : "#hexcode"
Itt a „hexcode” a kívánt szín kódja. Használjon színválasztót a megfelelő szín kiválasztásához.
Mi a legjobb téma a VS Code-ban?
A legjobb VS Code témát találja a leginkább kellemesnek és leghasznosabbnak a programozási erőfeszítései során. A különböző felhasználók eltérő szín- és témapreferenciákkal rendelkezhetnek. Szerencsére rengeteg lehetőség közül választhatunk, akár az előre konfigurált témákban, akár a bővítmények letöltésében, akár a téma tetszés szerinti testreszabásában.
Válassza ki a témát
Ezekkel az utasításokkal teljes mértékben testreszabhatja a témát, ahogy akarja. Rengeteg lehetőségével a VS Code továbbra is az egyik legnépszerűbb szövegszerkesztő, és a bővítmények révén új funkciókhoz való képessége nagyon hasonlít egy IDE-hez.
Milyen témákat használsz a VS Code-ban? Változtattál valamit a preferált témán? Tudassa velünk az alábbi megjegyzések részben.
