Giriiş
Visual Studio Code (VS Code), güçlü özellikleri ve hafif tasarımıyla teknoloji endüstrisindeki en popüler kod editörlerinden biridir ve bu da onu dünya çapındaki geliştiricilerin tercih ettiği kod düzenleyici haline getirmiştir. Popülerliği kısmen, şık ve göz alıcı kodlama alanları yaratmamıza olanak tanıyan özelleştirilebilir görünümüne bağlanabilir. Bu makalede, kod düzenleyici temaları, simge temaları ve araç çubuğu renk değişiklikleri dahil olmak üzere vs code görünümünüzü tercihlerinize göre nasıl özelleştireceğinizi keşfedeceğiz.
Simge Temaları
Visual Studio Code'un varsayılan simgeleri iyi olsa da, görsel bir şölen yaşamak varken neden kendinizi bunlarla sınırlayasınız ki? Dosya gezgininizin görünümünü, hem görsel çekiciliğini hem de kullanılabilirliğini artıran simge temalarıyla değiştirebilirsiniz.
Geliştiriciler arasında en popüler seçeneklerden biri Materyal Simge Teması uzantısıdır. Bu uzantıyla, dosya gezgininiz, Google'ın Materyal Tasarımı örnek alınarak modellenen renkli ve iyi organize edilmiş bir simge koleksiyonuna sahip olacaktır. Her dosya türünün, çalışma alanınızın genel olarak daha iyi görünmesini sağlayan kendine özgü ve anında tanımlanabilir simgesi vardır.
Malzeme Simgesi Teması uzantısını yüklemek için şu adımları izleyin:
-
Visual Studio Code'u açın.
-
Pencerenin sol tarafındaki araç çubuğundaki Uzantılar simgesine tıklayarak Uzantılar görünümüne gidin.
-
"Malzeme Simgesi Teması"nı arayın ve yükle'ye tıklayın.
Kurulumdan sonra sol alt köşedeki dişli simgesine tıklayın ve Malzeme Simge Temasını seçmek için "Dosya Simgesi Teması" seçeneğini seçin.
Kod Düzenleyici Temaları
Artık dosya gezgininiz iyi göründüğüne göre kod düzenleyicinin kendisine odaklanalım. VS Code'un varsayılan açık ve koyu temaları harika olsa da, biraz daha kişiselleştirilmiş ve şık bir şey istediğiniz durumlar da vardır.
Özellikle karanlıkta kodlamayı tercih edenler için tema olarak iyi bir seçenek Night Owl tema uzantısıdır. Kontrast ve okunabilirlik göz önünde bulundurularak oluşturulan Night Owl, uzun süren kodlama oturumları sırasında göz yorgunluğunu hafifletmeye yardımcı olan sakinleştirici bir renk şemasına sahiptir.
Gece Kuşu tema uzantısını yüklemek için:
Uzantılar görünümüne gidin.
"Gece Baykuşu"nu arayın ve yükle'ye tıklayın.
Kurulumdan sonra, Komut Paletini açarak (Windows/Linux'ta Ctrl+Shift+P, macOS'ta Cmd+Shift+P), "Renk Teması"nı seçip yüklü temalar listesinden Night Owl'u seçerek temanız olarak Night Owl'u seçin. kod düzenleyicinizde.
Araç Çubuğu Rengi
Artık kod düzenleyicinizin görünümü ve hissi mükemmel olduğuna göre, kremayı en üste koyacak şekilde araç çubuğu rengini özelleştirelim. Tavus kuşu uzantısının devreye girdiği yer burasıdır.
Peacock eklentisi sayesinde kod düzenleyicinizin yan tarafındaki araç çubuğunun rengini değiştirerek çalışma alanınızı özelleştirebilirsiniz. Bu sadece estetik açıdan hoş olmakla kalmıyor, aynı zamanda birden fazla açık VS Kodu örneğiniz varsa, bunlar arasında ayrım yapmanıza da yardımcı olabilir.
Peacock uzantısını yüklemek için:
-
Uzantılar görünümüne gidin.
-
"Tavus Kuşu"nu arayın ve kur'a tıklayın.
Kurulumdan sonra, komut paletini açıp "Tavuskuşu: Bir renk girin" ifadesini arayarak ve ardından vs kodu araç çubuğunuz için ayarlamak istediğiniz rengin onaltılık değerini koyarak araç çubuğu rengini özelleştirebilirsiniz.
Çözüm
Visual Studio kodunu özelleştirmek yalnızca renkleri değiştirmekten daha fazlasıdır. Ayrıca tarzınıza uygun ve verimliliği artıran bir kodlama ortamı oluşturmanız gerekir. Bu nedenle, şaşırtıcı VS Code'un diğer şık özelliklerini keşfetmenin yanı sıra görünüm açısından da hayal gücünüzü harekete geçiren bir kodlama alanı oluşturmaktan çekinmeyin. Mutlu kodlama!
