Sublime Text 3 Kurulumu ve Kullanımı

Merhaba arkadaşlar bugünkü yazımda Sublime Text 3‘den bahsedeceğim. Ben kendi bilgisayarımda sürekli kullandığım text editöründen bahsedeceğim. Kullanmış olduğum editörün adı Sublime Text. Daha önceleri Notepad++ kullanıyordum bir süre sonra beni boğmaya başladığı için kaldırdım ve araştırma yaptım. Benim hoşuma giden tek Sublime Text idi. Nedenini soracaksanız açıklayayım. Eklentileri ve arayüzü gayet başarılı ve kullanımı çok basit. Daha fazla uzatmadan Sublime Text 3 nasıl kurulur anlatayım.

Sublime Text 3 indirmek için ilk önce sitesine girelim. İşletim sistemimize uygun olan versiyonu bulup indirelim. İndikten Sonra Kurulumu Çok basit 1-2 next tuşuna basıyorsunuz o kadar. 🙂

Sublime Text 3 Eklentileri

İlk olarak eklenti kurabilmemiz için eklenti paketıini kurmamız lazım. Kurmak için

• Windows: CTRL+Shift+P tuşlarına birlikte basın.
• macOS: CMD+Shift+P tuşlarına birlikte basın.
• Linux: CTRL+Shift+P tuşlarına birlikte basın.

Ardından açılan pencereye de Package Control: Install Package yazıp enter tuşuna basalım.

Bu arada unutmadan söyleyeyim her eklenti yüklerken bu komutu yazıp yükleme yapıyoruz.

• Emmet Eklentisi

Emmet, benim Sublime Text 3’e geçiş yaptıktan sonra vazgeçilmezim oldu açıkcası. Kısaca kısayoldan kod yazmamıza yarıyor. Nasıl yani ? diye soracaksınız diye tahmin ediyorum.

Örnek verirsek eğer ;

ul>li*5>a

Bu kısaltmayı yazdığınızda aşağıdaki gibi bir liste gelecek karşımıza.

<ul>
	<li><a href=""></a></li>
	<li><a href=""></a></li>
	<li><a href=""></a></li>
	<li><a href=""></a></li>
	<li><a href=""></a></li>
</ul>

Buna benzer diğer kodlara bakmak isterseniz buradan ulaşabilirsiniz.

• Sidebar Enhancements Eklentisi

Bu eklenti, kenar çubuğunda herhangi bir dosyaya sağ tıkladığımızda fazla seçenek sunar bize. Örnek vermek gerekirse dosya oluşturma, silme, kopyalama vb.

• Sublime​Linter Eklentisi

Sublime Text’teki sözdizimi hatalarımızı ve en önemlisi daha temiz kodlar yazmak istiyorsak, bu eklentiyi kurmamız gerekiyor.

• Emmet CSS Spinnets Eklentisi

HTML için olan Emmet eklentisinin CSS versiyonu.

• ColorPick Eklentisi

CTRL+Shift+C kısayolu ile CSS de Renk Paleti açıyoruz ve istediğimiz rengi seçip kodunu alabiliyoruz.

• jQuery Eklentisi

jQuery, kullandığım bir diğer eklenti. jQuery için kısayollar oluşturur ve hızlı bir şekilde kod yazmamı gerçekleştiriyor.

• AlignTab Eklentisi

AlignTab eklentisi, çeşitli durumları hizalamak için kullandığım bir eklenti. Bu durumlar; =, :, =>, &, | ve boşluklar. Aşağıdaki gibi bir kodumuz olduğunu düşünürsek;

$isim= "Burak Demir";
$sehir= 'Adıyaman';

Yukarıdaki kodu = işaretine göre hizalayalım.

$isim  = "Burak Demir";
$sehir = 'Adıyaman';

• AutoFileName Eklentisi

HTML/CSS de resim,ses yol belirtirken dosyaların isimleri gösteren bir eklenti. Tavsiye ederim mutlaka. 🙂

• A File Icon Eklentisi

A File Icon eklentisi, sol tarafta bulunan paneldeki dosyalar için icon desteği sağlanamaktadır.

Sublime Text Kullanımı ve İpuçları

• Çoklu Seçim Özelliği 

İşte en sevdiğim özelliklerinden bir tanesi budur benim için. örnek veriyorum bir listeniz var. 5 tane elma var elmaları diyelim ki muz yapacaksınız. Bir tanesini seçiyorsunuz CTRL+D tuşlarına basarak çoklu seçimi devreye sokuyorsunuz ve eliniz yorulmadan değiştirebiliyorsunuz. Eğer hepsi aynı anda seçilsin diyorsanızda ALT+F3 tuşlarına basıyoruz.

• Sublime Text  Tema Seçimi

Tema seçmek için Preferences > Color Scheme menüsüne girip istediğiniz temayı seçebilirsiniz. Benim kullandığım tema Material-Theme hoşuma gitti gerçekten. 🙂

• Sublime Textte Yazıları Büyütmek ve Küçültmek

Bunu yapması çok basit CTRL tuşuna basılı tutup farenin tekerleğini oynatmak.