Bevezetés
A Visual Studio Code (VS Code) az egyik legnépszerűbb kódszerkesztő a technológiai iparban, mivel robusztus funkciókat és könnyű kialakítást kínál, amelyek világszerte a fejlesztők kedvenc kódszerkesztőjévé tették. Népszerűsége részben a személyre szabható megjelenésének tudható be, amivel díszes és tetszetős kódolási tereket hozhatunk létre. Ebben a cikkben megvizsgáljuk, hogyan szabhatja testre a kódhoz képest a megjelenést az Ön preferenciái szerint, beleértve a kódszerkesztő témákat, az ikontémákat és az eszköztár színváltozásait.
Ikontémák
Annak ellenére, hogy a Visual Studio Code alapértelmezett ikonjai rendben vannak, miért korlátoznád magad, ha vizuális lakomát rendezhetsz? Megváltoztathatja a fájlkezelő megjelenését ikontémákkal, amelyek javítják annak vizuális vonzerejét és használhatóságát.
A fejlesztők körében az egyik legnépszerűbb választás a Material Icon Theme bővítmény. Ezzel a kiterjesztéssel a fájlböngészőben színes és jól szervezett ikongyűjtemény lesz a Google Material Design mintájára. Minden fájltípusnak megvan a saját megkülönböztető és azonnal azonosítható ikonja, amely összességében jobb megjelenést kölcsönöz a munkaterületnek.
A Material Icon Theme bővítmény telepítéséhez kövesse az alábbi lépéseket:
-
Nyissa meg a Visual Studio Code alkalmazást.
-
Lépjen a Bővítmények nézetbe az ablak bal oldalán található eszköztár Kiterjesztések ikonjára kattintva.
-
Keresse meg a "Material Icon Theme" kifejezést, és kattintson a telepítés gombra.
A telepítés után kattintson a fogaskerék ikonra a bal alsó sarokban, és válassza a "Fájl ikontéma" lehetőséget az anyagikon téma kiválasztásához.
Kódszerkesztő témák
Most, hogy a fájlkezelő jól néz ki, koncentráljunk magára a kódszerkesztőre. Bár a VS Code alapértelmezett világos és sötét témái nagyszerűek, vannak alkalmak, amikor valami személyre szabottabb és stílusosabb dologra vágyik.
Az egyik jó lehetőség témaként, különösen azok számára, akik inkább sötétben kódolnának, az Éjjelbagoly témakiterjesztés. A kontrasztot és olvashatóságot szem előtt tartva megalkotott Night Owl nyugtató színvilága segít enyhíteni a szem megerőltetését a hosszabb kódolási munkamenetek során.
A Night Owl témabővítmény telepítése:
Lépjen a Bővítmények nézetbe.
Keresse meg a "Night Owl" kifejezést, és kattintson a telepítés gombra.
A telepítés után válassza ki az Éjszakai bagoly témát a Parancspaletta megnyitásával (Windows/Linux esetén Ctrl+Shift+P, macOS rendszeren Cmd+Shift+P), majd a „Színtéma” kiválasztásával, majd a telepített témák listájából válassza az Éjszakai bagoly lehetőséget. a kódszerkesztőben.
Eszköztár színe
Most, hogy a kódszerkesztő megjelenése és hangulata tökéletes, szabjuk testre az eszköztár színét, hogy a tetejére kerüljön. Itt jön képbe a páva kiterjesztése.
A Peacock bővítménynek köszönhetően testreszabhatja munkaterületét a kódszerkesztő oldalán lévő eszköztár színének megváltoztatásával. Ez nem csak esztétikus, de ha több VS Code-példány is nyitva van, akkor segíthet megkülönböztetni őket.
A Peacock bővítmény telepítése:
-
Lépjen a Bővítmények nézetbe.
-
Keresse meg a „Peacock” kifejezést, és kattintson a telepítés gombra.
A telepítés után testreszabhatja az eszköztár színét úgy, hogy megnyitja a parancspalettát, rákeres a „Páva: Adjon meg egy színt” kifejezésre, majd megadja a színhez képest hexadecimális értékét, amelyet be szeretne állítani a vs code eszköztáron.
Következtetés
A Visual Studio kód testreszabása több, mint a színek megváltoztatása. Olyan kódolási környezetet is létre kell hoznia, amely illeszkedik stílusához és növeli a termelékenységet. Tehát nyugodtan játsszon, és hozzon létre egy kódolási területet, amely megmozgatja képzeletét a megjelenés, valamint a csodálatos VS Code egyéb különleges funkcióinak felfedezése terén. Boldog kódolást!
