Devam Et
Aktüel bir yazar olmak istermisin ?
Logo
Blog

Yazılımcıların Yükünü Hafifleten Eklentiler (Sublime Text 2)

Sublime Text 2, bizlere sunduğu geniş kod yazma alanı ve kendisi için hazırlanmış onlarca eklentisiyle yazılımcılar (özelliklede web developerlar) için en çok kullanılan editörlerden birisi. Editörü bilmeyenler buraya tıklayarak indirebilirler. Hatta bence indirmeliler :) Bizde bugün bu harika editörün kullanıcı dostu kısayol eklentilerini inceleyeceğiz.

Öncelikle aşağıda yazan kod bloğunu sublime'a eklediğinizde, isimlerini vereceğimiz eklentileri tek tık ile indirebilirsiniz.

Sublime Text 2'yi açın sonra menüden View > Show Console'u tıklayın ve alt kısımda açılan konsol ekranına bu kodu yazıp enter'a basın. Akabinde sublime'ı kapatıp açın ki aktif olsun.

import urllib2,os; pf='Package Control.sublime-package'; ipp=sublime.installed_packages_path(); os.makedirs(ipp) if not os.path.exists(ipp) else None; urllib2.install_opener(urllib2.build_opener(urllib2.ProxyHandler())); open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read()); print 'Please restart Sublime Text to finish installation'

Daha sonra Ctrl + Shift + P kombinasyonu ile paket ekranını açın ve oraya install yazın ve gelen seçenekler içinde Install Package seçeneğine tıklayın veee karşınızda Sublime'ın derya deniz eklentileri. 

Gelelim belli başlı eklentilere;

Browser Refresh

Bir sayfa üzerinde değişikliler yapıp kaydettikten sonra otomatik olarak browser üzerinde sayfayı yeniler.

jQuery Package for Sublime

Kullanışlı jQuery metotları sunar.

Sublime Linter

Kodu kontrol ederek yaptığınız hataları veya unuttuğunuz kodları kontrol eder (ki bu eklenti olmazsa olmazımdır.)

Zen Coding

Hızlı HTML ve CSS kodlamaya yarar.

Git

Tüm Git kodlarını Sublime üzerinde kullanmaya yarar.

AutoFileName

Css’de resim yolu yazarken klasörler içindeki resimlerin/dosyaların adlarını autocomplete tarzında göstermeye yarar.

Emmet Css Snippets

Html için mevcut olan Emmet’in Css versiyonu

ColorPick

Css’de her zaman lazım olan Color Picker’ı gösteren bir eklentidir. Kurduktan sonra Ctrl+Shift+C kısayolu ile renk paletini açabilirsiniz. (Olmazsa olmazım - 2)

Emmet

Eskiden ZenCoding olarak adlandırılan bu eklenti. Html’de kendine has yazımlar ile çok daha hızlı html yazmanızı sağlar. (Olmazsa Olmazım-3) Aynı aşağıda ki gif'de olduğu gibi

Buradaki temel kısayollar şöyle;

html:5 yazıp TAB tuşuna basınca gif'de görünen html şablonunu oluşturur.

div yazıp TAB tuşuna basınca div taglarını oluşturur.

ul>li>a yazıp TAB tuşuna basınca önce ul tagının içinde li tagını, li tagının içinde de a tagını oluşturur.

ul>(li>a)*5 yazıp TAB tuşuna basınca yukarıdakinden farklı olarak li içindeki a taglarını 5 tane oluşturur.  

İşimizi bu kadar kolaylaştıran eklentileri bize sunduğu için teşekkürler Sublime :)

Konu hakkında cemilkocan.com internet sitesinden destek alınmıştır.

Author

Muhammed Yusuf TAŞKESENLİGİL

Hakkında: Hakkında: 2015 Haziran ayında KTÜ Bilgisayar Mühendisliği bölümünden mezun oldum. Yaklaşık 4 yıldır web teknolojileri üzerinde çalışıyorum. HTML, CSS, JavaScript ve PHP alanlarında proje geliştiriyorum. Teknolojiyi seven ve hayatının her alanında kullanan biriyim.

HTML5 ile Bildirim (Notification) Gönderme Önceki Yazı
Bootstrap ve Javascript Kayan Yan Menü (Side Menu) Sonraki Yazı

1 Yorum

  1. Yusuf'um emeğin için teşekkürler.. Başarılar...

Bir Yorumda Sen Bırak