Advertisement
  1. Web Design
  2. UX/UI
  3. Web Typography

Sublime Text'te Nasıl Daha İyi Kod Yazılır?

Scroll to top

() translation by (you can also view the original English article)

Sublime Text, herkesin kendine özel bir metin/kod düzenleyicisi haline getirebileceği sayısızca eklenti ve özellik sunuyor. Bu yazıda, size kod yazma deneyiminizi görsel olarak daha da güzelleştirecek birkaç ayar, eklenti, tema ve renk grubu göstereceğim. Bu yenilikler sadece ekranınızın daha iyi görünmesini sağlamayacak, aynı zamanda sizi daha iyi bir programcı yapacak!

Ayarlar

Sublime Text, kod yazma deneyiminizi görsel olarak geliştirecek bazı harika özelliklerle birlikte geliyor; ama nedendir bilinmez, bu özellikler varsayılan olarak etkinleştirilmiş halde olmuyor. İşte bu özelliklerden olmadan yaşayamayacağım bazıları:

Not: Sublime Text ayarlarının yer aldığı dosyayı düzenleyebilmek için, Sublime Text 2 > Preferences > Settings - Default'a gidin.

sublime-settingssublime-settingssublime-settings

Değiştirmek istediğiniz ayarları bulun ve bu ayarları Sublime Text'in güncellenmesi durumunda varsayılan ayarların üzerine yazılması için User Settings'e ekleyin.

sublime-settings-2sublime-settings-2sublime-settings-2

Sublime Text ayarlarını yönetmeyle ilgili daha ayrıntılı bilgi için Tutsplus'ın Installation and Base Settings linkine göz atabilirsiniz.

Yazı Tipleri and Aralıklar

Doğru yazı tipini ve aralık oranını seçmek kodunuzu özelleştirmenin olabilecek en kişisel yollarından biri. İlk olarak kodlamanıza uygun, tercihen de eşit aralıklı bir yazı tipi seçin. Göz atabileceğiniz birkaç örnek:

Yazı tipinizi belirledikten sonra, bu yazı tipinin sisteminizde yüklü olduğundan emin olun, ardından ayarlarınıza ekleyin ve boyutunu, yazı aralıklarını aşağıdaki seçeneklerle düzenleyin:

“font_face”: “Inconsolata";
"font_size": 18;
"line_padding_bottom": 1,
"line_padding_top": 1,

highlight_line

Bu ayar, kullanmakta olduğunuz renk grubuna bağlı olarak imlecinizin üzerinde olduğu satırın farklı bir renkte görünmesini sağlar. O an hangi satırda olduğunuzu görmek, yazmakta olduğunuz kısma odaklanmanızı, satırlar arasında kolaylıkla geçiş yapmanızı ve farklı bir programa bakınıp tekrar kodunuza döndüğünüzde nerede kaldığınızı çabucak bulabilmenizi sağlar.

"highlight_line": true,

highlight_modified_tabs

Çalışmakta olduğunuz projedeki yaptığınız son değişikliklerin henüz kaydedilmediği dosyaları odak haline getirmek için, bu ayar o anki pencerede yer alıp düzenlenmiş ancak kaydedilmemiş sekmeleri vurgular.

"highlight_modified_tabs": true,

fade_fold_buttons

Sublime Text'te kod parçalarını katlayıp açabileceğinizi biliyor muydunuz? Ben biliyordum; ama her seferinde de böyle bir özelliği var olduğunu unutuyordum. Bu ayarı etkin hale getirmeniz durumunda, katlama/açma için kenarda çıkan ok işareti yerinde sabit kalacak.

"fade_fold_buttons": false,

word_wrap

Sayfayı yatay olarak kaydırmak bazen işkence gibi geliyor insana. Bu sözcük kaydırma ayarını aktifleştirerek, metninizin ekran boyutunuza sığacak bir şekilde akışı olmasını sağlayacak ve sizi sayfayı yatay olarak kaydırma zahmetinden kurtaracak.

"word_wrap": true,

bold_folder_labels

Yan menüye daha güçlü görsel elemanlar katmak için harika ayarlar var, bunlardan bazılarını aşağıda bulabilirsiniz:

"bold_folder_labels": true,

Açık Dosyaları Yan Menüde Gösterme

Garip bir şekilde bu seçenek preferences dosyasında etkin değil. Açık dosyaları yan menünün en üstünde göstermek için şu yolu izleyin:
View → Side Bar → Show Open Files

Yan Menüyü Hizalayın

Bu aslında bir ayardan çok bir ipucu. Aynı bir tabloda yaptığınız gibi, yan menünün genişliğini ayarlamak için, metin içeriği ile yan menünün sınırına çift tıklayarak istediğiniz genişliğe getirebilirsiniz.

sublime-visual-sidebarsublime-visual-sidebarsublime-visual-sidebar

Eklentiler

Eklentiler Sublime Text'e ekstra özellikleri getirme açısından çok faydalı. Ben eklentilerinizi yönetmek için size çok ciddi bir şekilde Package Control kullanmanızı öneririm.

BracketHighlighter

Bracket highlighter parantezleri ve söz dizimi etiketlerini renklendiren bir eklenti. (Çık bakalım işin içinden!) Fakat cidden bu eklenti, o an bulunduğunuz kodun her bölümünün başlangıç ve bitiş noktasını gösteren çok güçlü bir araç. Parantez tipi satır numaralarının olduğu yan menüde gösteriliyor ve farklı element tipleri için farklı ikonlara sahip.

sublime-visual-brackethighlighter-2sublime-visual-brackethighlighter-2sublime-visual-brackethighlighter-2

Git Gutter

Bu benim favorilerimden biri. Git gutter, git projenizde satır numaralarının sol tarafında bulunan alanda eklenen, değişiklik yapılan ve silinen satırlar için bir ikon gösteren bir eklenti.

sublime-visual-gitgutter-2sublime-visual-gitgutter-2sublime-visual-gitgutter-2

SublimeLinter

Bu eklentinin satır arası hataları öne çıkarma özelliği sayesinde, gözünüzden kaçan ufak hatalardan kaçınabilirsiniz. Eklentinin geniş dökümantasyonundan kodunuzun hatasız olabilmesi için birçok güzel çözüm bulabilirsiniz.

sublime-visual-sublimelinter-2sublime-visual-sublimelinter-2sublime-visual-sublimelinter-2

Temalar ve Renk Şemaları

Sublime Text'i özelleştirmek için en önemli yollardan birkaçı temalar ve renk şemaları. Yüzlerce seçenek hali hazırda mevcut ve her hafta yenileri tanıtılıyor. Bakmanıza değecek birkaç tema ve renk şemaları şöyle listelenebilir:

Theme: Soda

Soda, Sublime Text topluluğunda özelleştirilmiş temaların en iyi örneği ve en popüler temadır. Birçok tema bu projenin klonlanmasıyla üretildi. Soda, ekstra ayarlar, retina uyumlu grafikler, koyu ve açık renklerde kullanıcı arayüzleri sunuyor.

sublime-visual-soda-2sublime-visual-soda-2sublime-visual-soda-2

Theme: Flatland

Eğer flat trendini seviyorsanız Flatland çok iyi bir seçim. Bu tema bütün görsel elemanları olabildiğince basitleştiriyor.

Theme: Spacegray

Spacegray, şu an için benim kişisel favorim ve Github'ta son zamanlarda tutulmaya başlanan bir tema. Spacegray, benzersiz bir renk paletine sahip.

sublime-visual-spacegraysublime-visual-spacegraysublime-visual-spacegray

Color Scheme: Solarized

Çok iyi tanınan Solarized projesi Sublime Text için de kullanılabilir. Yaratıcılığının arkasında yatan eşsiz renk teorisiyle, "makineler ve insanlar için doğru renkler" kavramının yer edindiği bir proje.

Color Scheme: Base16

Base16, popüler renk şemalarına ve birçok seçeneğe sahip bir tema. (Şu an bunu kullanıyorum.)

Sonuç

Anlatılacak çok şey var! Unutmayın, Sublime Text'i kendinize has bir hale getirirken farklı elemanları değerlendirmek çok önemli. Github'da ve Package Control'de bir şeyler araştırın, kendi işinize yararlı olacak yeni ayarlar bulun. Sıklıkla kullandığınız araçları yeniden gözden geçirin, daha iyi bir kod yazma deneyimi yaşayabilmeniz için yeni çıkan bir şey var mı diye bakın.

Daha iyi bir kod yazma deneyimi için hangi ayarları, fontları, eklentileri, temaları, renk şemalarını seçtiniz? Yorumlarda bunları ihtiyacı olduğunu düşündüğünüz birileri ile paylaşın.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.