Sublime Text'i daha efektif kullanabilmek için ayar ve özelleştirmelerden çok eklentilere ihtiyacımız var. Bu listede en çok kullandığım popüler veya henüz keşfedilmeyen Sublime Text eklentilerini sıraladım. Ben Sublime Text 3 versiyonunu kullansam da, sizlere Sublime Text 2 ile de çalışan alternatifleri sunacağım.
Sublime Text'e eklentilerimizi, eklentinin github sayfasından dosyalarını indirip kullanıcı klasörüne (Windows için: {{ Kullanıcı Adı }}AppDataRoamingSubllime Text {{version}}Packages ) atarak yükleyebiliyorsunuz. Bir de daha kısa yol olan Package Control üzerinden yükleme seçeneği var. Linke tıklayarak kendi versiyonunuza ait Package Control kodunu kopyalayın ve Sublime Text konsoluna (ctrl+") yapıştırıp çalıştırın. Package Control yüklemesi tamamlandıktan sonra Sublime Text'i yeniden başlatmanız gerekiyor. Daha sonra komut listesinden (ctrl + shit +p) Package Control: Install Package komutu ile eklentileri yükleyebilirsiniz.
Gelelim eklentilere ;
Alignment
Alignment eklentisi ile kodları hizaya getiriyoruz. Örneğin Javascript'te bir objeye ait alt sınıfları : ile ayırırken, okunabilirlik adına hepsini aynı hizaya getiriyoruz. Bu şekilde yaparak çoklu seçim ile rakamsal değerleri değiştirmek istediğimizde de işimiz kolaylaşıyor.
Auto Semi-Colon
Adından anlaşılacağı üzere, AutoSemiColon CSS ve Javascript'te satır ve nitelik sonlarına koyduğumuz noktalı virgülü ; otomatik olarak koyuyor. Sıkıştırma sonrası hata almak istemiyorsak, daha da önemlisi temiz kod yazmak istiyorsak noktalı virgülü es geçmemek gerekiyor. Örneğin Less ile CSS yazarken noktalı virgülü unuttuğumuzda stiller compile edilmiyor.
AutoFileName
AutoFileName gün içinde en çok kullandığım eklentilerden biri. Dosya adlarını otomatik olarak tamamlıyor. Ister href etiketlerinde, ister stillerde background-image atarken, ya da herhangi bir tırnak arasında bize relative olarak aynı seviyedeki dosya isimlerini ya da klasörleri getiriyor. Ayarlardan ana klasörünüzü absolute ve relative olarak, ya da proje ana dizini olarak ayarlamak mümkün. HTML içinde <img /> etiketine ait yolu tamamlarken, imaja ait width ve height özniteliklerini de getirebiliyor isterseniz. Normalde tırnaklar arasında otomatik olarak yolları getirebiliyor olsa da, ben bir tuş kombinasyonu ile çalışacak şekilde ayarladım. Böylece imleç tırnak arasında konumlanmışken her seferinde dosya yollarını araştırmıyor, aynı zamanda tamamlamak istediğim diğer değerler arasında dosya isimlerini görmüyorum.
BracketHighlighter
Sublime Text'in en sevdiğim eklentilerinden biri. Adından anlaşılacağı üzere bracket'larınızı highlight ediyor. Yani parantezler arasında (köşeli, süslü, normal) ya da tırnaklar içinde (tek, çift) fare imleciniz varken, bu alanın başını ve sonunu belirgin hale getiriyor. Karışık bir matematik dizisi yazarken, ya da iç içe geçmiş (nested) fonksiyon ve stiller yazarken, Javascript dosyasında tam olarak hangi fonksiyon içinde olduğunuzu anlamaya çalışırken gerçekten çok yardımcı oluyor. İşin görsel boyutundan çok, bu eklentinin seçim fonksiyonu işimize yarıyor diyebilirim. Parantez arasını, tırnaklar arasını seçmek, parantezler ile birlikte içeriği seçmek, ya da imleci parentezin sonuna ya da başına getirmek istiyorsak eğer BracketHighlighter ile fareye dokunmadan bunu yapabiliyoruz. Eklenti aynı zamanda parantezler arasında değişimler yapmanızı (süslü parantezi köşeli paranteze çevir gibi), belirli bir seçimi parantezler içine almayı, tek tırnak ve çift tırnak arasında değişimi de gerçekleştiriyor. Kısayollarınızı ayarladıktan sonra ne kadar hız kazandığınızı fark edeceksiniz.
Color Highlighter
Eğer geliştirici olmanın yanında aynı zamanda tasarımcı değilsek, hex kodlarına bakarak hangi renkleri çağrıştırdığını (bunu yapabilen de çok az) anlayamıyoruz. Aynı değerlere sahip RGB formatı belki bir şeyler çağrıştırsa da, yine de kodlara bakarak renkleri tahmin etmeye çalışmak bir hayli zor. ColorHighlighter eklentisi ile renk kodlarının altına aynı renkte çizgi çekebilir, ya da dolgu rengini değiştirebilir, aynı zamanda tek bir kısayol ile renk değiştirme paletini çağırabilirsiniz. Eklenti aynı zamanda renk kodu atanan less ve sass değişkenlerini de belirgin hale getirebiliyor. Sublime Text için olmazsa olmaz eklentilerden biri.
CSS Extended Completions
CSS Extended Completions eklentisi ile belirli bir klasördeki css, less ve scss dosyalarını tarayarak; bütün sınıfları, fonksiyonları ve id'leri belleğine alıp otomatik tamamlama olarak sunuyor. Belleğe alınmış bir css sınıfını html içinde emmet ile tag oluştururken dahi çağırabiliyor, ya da başka bir css dosyasındaki bir sınıfı yeniden tamamlayabiliyorsunuz. Her ne kadar SublimeCodeIntel de bunu yapabiliyor olsa da, CSS Extended Completions ile Less ve Sass fonksiyonlarını argümanları ile birlikte getirebiliyorsunuz. Eğer CSS Preprocessor kullanıyorsanız ve stillerinizi önceden oluşturduğunuz fonksiyonlar aracılığı ile yazıyorsanız, bu eklenti gerçekten inanılmaz zaman kazandırıyor. CSS Preprocessor kullanan ya da kullanmayan herkesin kesinlikle ihtiyacı olacağı bir eklenti.
HTML5
Bu eklenti ile HTML5'e ait yeni tag'leri tamamlıyorsunuz. section, main, header, footer, figure bunlardan birkaçı. Emmet ile istediğiniz string'i tag haline getirebilseniz de, Sublime Text'in bütünleşik HTML dili bunların çoğunu desteklemiyor.
Inc-Dec-Value
Sublime Text'in pek bilinmeyen nimetlerinden biri daha. Sadece arayüz geliştiricileri için değil, herhangi bir dilde hatta sadece düz yazı yazıyor olsanız bile mutlaka yüklemeniz gereken bir eklenti. Inc-Dev-Value eklentisi ile tıpkı Emmet'in yaptığı gibi rakamsal değerleri 0.1'er, 1'er, 10'ar, 100'er olarak artırıp eksiltebiliyorsunuz. HEX formatında renk değerlerini rgb, rgba, hsl, hsla gibi birçok formata çevirebiliyor. Bu eklentinin en sevdiğim özelliği ise, önceden oluşturduğunuz kelime dizileri arasında hızlı bir şekilde geçiş yapabiliyor olması. Ben Javascript'e ve CSS'e ait bütün karşıt değerleri kullanıcı dosyasına dize olarak ekleyip, istediğim zaman bir diğerine geçebiliyorum. Örneğin fadeIn / fadeOut, true / false, show / hide, static / relative / absolute / fixed ya da next / prev gibi terimler arasında hızlıca geçiş yapabiliyorsunuz.
jQuery
Javascript'in en yaygın kütüphanelerinden biri olan jQuery'nin fonksiyonlarını otomatik tamamlama ile getiren en yaygın eklenti bu ve yaygın olmasının hakkını da veriyor. Birçok fonksiyon callback seçenekleri ile birlikte geliyor.
Random Everything
Sublime Text'in keşfedilmeyen cevherlerinden biri daha. Adından da anlaşılacağı üzere, bu eklenti random veriler oluşturuyor. Örneğin tarih (GG/AA/YYY formatında), belirttiğiniz aralıkta sayı, belirttiğiniz aralıkta ondalık sayı, rastgele harfler, rastgele paragraf, UUID, url, rastgele bir kelime, e-mail adresi, ad, soyad, ad ve soyad ikilisi, hex formatında renk, IPv4 adres, IPv6 adres ve son olarak rastgele rakamlar ve harflerden oluşan spesifik bir kelime oluşturabiliyor. Her ne kadar basit gibi gözükse de, eklentinin kullanım yerleri tamamen yaratıcılığınıza kalmış.
SFTP
Sublime Text içinde adeta elim ayağım, işimi en çok kolaylaştıran eklentilerden biri. Henüz keşfetmemiş olan birçok developer ile tanıştığım için, bu listeye koyma ihtiyacı hissettim. Alınmasın ama, dosya uplod ve download işleri için FileZilla bir developer için oldukça yavaş ve meşakkatli bir araç. Bu eklenti ile sunucu dosyalarında gezintiye çıkabilir, değişiklik yapabilir, silebilir, oluşturabilir, klasör ve dosyaların chmod değerlerini belirleyebilir, lokalden sunucuya (ya da tam tersi) senkronizasyon ve değişiklikleri gerçekleştirebilir ve en önemlisi dosyayı kaydeder kaydetmez sunucuya otomatik olarak upload edebilirsiniz.
img-placeholder
sizler için otomatik olarak resim çekiyor. Örnek vermek gerekecek olursak : sitenizde reklam alanı eklemek istiyorsunuz sizin için oraya istediğiniz boyutta bir yer tutucu ekliyor.
-ALINTIDIR-
Daha fazla detay istiyorsanız KAYNAK : http://aslanbakan.com/tr/blog/sublim...yi-33-eklenti/
Sublime Text Eklenti Önerileri
3
●84
