A téma módosítása a VS-kódban

A Visual Studio Code problémamentes, szórakoztató élménnyé varázsolja az új kód szerkesztését és írását. A VS Code alapértelmezett sötét témáját úgy tervezték, hogy könnyebb legyen a szemén, mint egy szokásos durva, fehér háttér, amely fáradtságot okozhat hosszú munkaidő után. De mi van akkor, ha munka közben nem igazán szereted a sötét színeket a képernyőn?

A VS Code moduláris felépítésének előnye, hogy óriási szabadsága van az eredeti sötét téma megváltoztatásában számos különféle testreszabási lehetőséggel, amelyek kiterjednek a képernyő színének, betűtípusainak és még a VS Code integrált termináljának megjelenésére is.

Ez a cikk mindent elárul, amit tudnia kell a témák megváltoztatásáról a VS Code-ban.

Hogyan lehet megváltoztatni a témát a VS-kódban

A VS Code általános témájának megváltoztatása gyors és egyszerű. A következőket kell tennie:

1. Nyissa meg a VS kódot.
   
2. Válassza a Fájl (Kód macOS-on), a Beállítások, majd a Színtéma lehetőséget.
   
3. A VS Code egy előre elkészített témát mutat be, amelyek közül a legördülő menüben választhat.
   
4. A kurzor gombjaival megtekintheti az egyes témák közvetlen megjelenését a képernyőn.
   
5. A kiválasztáshoz nyomja meg az Enter billentyűt, hogy kiválassza a használni kívánt témát.
   

A téma megváltoztatása egy másik előre konfiguráltra lehet az első dolog, amit a VS-kód 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álsz, amely neked kényelmes, és ami munka közben nem árt a szemednek.

hogyan nyitható meg egy zárt fül

Hogyan változtassuk meg a terminál témáját a VS-kódban

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éma tartalmaz lehetőséget a terminál megjelenésének megváltoztatására, de nem választhatja el a téma többi részétől a főmenütől.

Mielőtt a fenti lépéseket végrehajtaná a téma megváltoztatásához, nyissa meg a terminálkonzolt (Ctrl + Shift + P), hogy megtekinthesse a terminálon végrehajtott módosításokat. Egyes témák nem változtatnak a terminálon, míg mások drasztikusan megváltoztathatják. Ezenkívül az sem tetszik, hogy csak mérsékelten szeretsz egy témát, mert előfordulhat, hogy többet használod a terminált, mint azt eredetileg gondoltad.

Van azonban néhány megoldás, amely lehetővé teszi a terminál témájának megváltoztatását, amelyet az alábbiakban ismertetünk.

Az anyag témájának megváltoztatása a VS-kódban

A VS Code fő jellemzője az izgalmas kiterjesztések bőséges mennyisége a kódolási élmény testreszabása és a szövegszerkesztő további funkcióinak elérése érdekében. Az egyik ilyen kiterjesztés a Anyagi téma , az egyik legnépszerűbb a maga nemében a VS Code Marketplace-en.

Az Anyag témának sok előnye van az előre testreszabott tervekkel szemben, de egyes felhasználók hiányozhatnak. A kiterjesztés felhasználói kézikönyve tartalmaz néhány tippet az igényeinek megfelelő további módosításokról. Az Anyag-téma átfogó témájának megváltoztatása:

1. Nyissa meg a gyorsmenüt (Ctrl + Shift + P).
   
2. Írja be a témát a parancssorba.
   
3. Válassza a Beállítások: Színtéma lehetőséget.
   
4. Válassza ki az Anyagtéma egyik előre beállított beállítását.
   

Az ékezet színének megadásával a kód egy része felugrik, ami hasznos lehet, ha ez különösen fontos vagy problémás sor a diagnosztizáláshoz. Kiemelő szín beállításához tegye a következőket:

1. Nyissa meg a gyorsmenüt (Ctrl + Shift + P).
   
2. Írja be az anyag témáját a promptba.
   
3. Válassza az Anyag témája: Állítsa be az ékezet színét.
   
4. Válassza ki a kívánt színt a listából.
   

A megváltozott Anyag-témával testreszabást kaphat, amely meghaladja a normát, és megmutatjuk, hogyan.

Téma kézi testreszabása a VS-kódban

A VS Code sokkal több testreszabást tesz lehetővé, mint egyszerűen váltani néhány preset között. Kétféle módon állíthatjuk be a témát tetszés szerint.

1. módszer - Egyéni téma letöltése

Amikor testreszabásról beszélünk, nem hagyhatjuk figyelmen kívül a kiterjedést VS Code Marketplace . 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 zavarnák annak funkcionalitását. Így tölthet le egy témát.

1. Nyissa meg a VS Code Marketplace . Használhatja a képernyő bal oldalán található beépített Bővítmények menüt is.
   
2. Írja be a témát a keresősávba, ha csak azokat az elemeket kívánja tallózni, amelyek megváltoztatják a témát. Az egyik legnépszerűbb ajánlásunk a fent említett Anyagtéma, de biztosak vagyunk abban, hogy találsz egyet, amely a legjobban megfelel.
   
3. 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-ből menüpontra kattintva. Alternatív megoldásként, ha megtalálja a tetsző témát a VS Code-ban, kattintson rá, majd kattintson a részletek (jobbra) menü Telepítés gombjára.
   
4. A téma telepítése és engedélyezése után válassza ki a Beállítások: Színes té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 elvégzéséhez:

1. Hozzon létre egy munkaasztalt vagy felhasználói beállításokat tartalmazó 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.
2. Írja be a Preferences: Nyissa meg a Beállítások parancsot a főmenüben.
   
3. Válassza a bal felső sarokban található fület a felhasználó és a munkaasztal beállításai közötti választáshoz.
   
4. Nyomja meg a Szerkesztés gombot a settings.json oldalon a módosítandó beállításokat tartalmazó fájl megnyitásához.
   
5. Keresse meg a workbench.colorCustomizations nevű beállítást.
   
6. Fókuszáljon a kívánt téma megváltoztatására a behelyezéssel

[Theme_name]: { }

A Téma_név a módosítani kívánt téma neve. Tartsd meg az idézeteket.

1. Az új zárójelben további változtatásokat hajtanak végre a témában. Írja be a módosítani kívánt paraméter nevét (idézőjelben), írja be a ’: szót, majd válassza ki a megfelelő beállítást.
2. Használat ezt az útmutatót hogy megtalálja a módosítani kívánt paramétereket.
3. A színek hexadecimális kódban vannak tárolva. Használj színes hexadecimális útmutató hogy pontosan meghatározza a kívánt színt.
   
4. Ha végzett a módosításokkal, mentse a fájlt.
   

Ezzel a módszerrel a felhasználói felület és a kód megjelenésének nagy része megváltoztatható, beleértve az alaptéma színét, a háttereket, a terminál megjelenését, a gombok színeit és a betűtípusokat.

Ha kíváncsi arra, hogyan lehet megváltoztatni 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 útmutató .

További GYIK

Hol tárolják a VS-kód témákat?

A kiterjesztésekből származó témák a VS Code kiterjesztés mappájában vannak tárolva. Ez a hely a telepítési könyvtárban található (például C :), és általában itt található:

~/.vscode/extensions

A ~ itt található a VS Code telepítési könyvtára.

Az alaptémákat a következő tárolja: Microsoft VS Code resources app extensions theme-defaults themes

Azonban nem kell időt tölteni a fájlok megváltoztatásával. A felhasználói beállítások módosítása a settings.json fájlon keresztül sokkal gyorsabb eredményt hoz.

Hogyan változtathatom meg a megjegyzés színét a VS-kódban?

A megjegyzés színeinek módosítá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):

mit jelent a spotify-on való tevékenységem közzététele

comments : #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-kódban?

A legjobb VS Code téma az, amely a legkedvezőbbnek és hasznosnak tűnik a programozási erőfeszítéseihez. 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 lehet választani, akár az előre beállított témákban, a kiterjesztések letöltésében, akár abban, hogy egy témát pontosan tetszés szerint testre szabhatunk.

Válassza ki a témáját

Ezekkel az utasításokkal teljesen testre szabhatja a témát, ahogyan szeretné. Rengeteg lehetősége mellett a VS Code továbbra is az egyik legnépszerűbb szövegszerkesztő, és az a képesség, hogy új szolgáltatásokat nyerhet a kiterjesztésekkel, nagyon hasonlít az IDE-hez.

Milyen témákat használ a VS Code-ban? Változtattál valamilyen témán? Tudassa velünk az alábbi megjegyzések részben.