sublimetext2cemilkocan

Merhabalar millet, Bileniniz bilir bilmeyeniniz buradan indirebilir. Ben bu program kadar stabil hızlı ve çok kullanışlısını görmedim bunu kullanmaya başladıktan sonra ne dw ne vs2012 yüzüne bile bakmadım diyebilirim. Hele birde eklentileri var of aman tanrım yok böyle birşey neyse eklentilere gelelim

 

Ufak bir kodu var onu eklediğinizde bütün eklentileri internet üzerinden tek tık ile yükleyip silebiliyorsunuz.

Menüden Wiew > Show Console’yi açıp aşağıdaki kodu yazmanız yeterli sonrasında bi kapatıp açın

SUBLİME TEXT 2 İÇİN

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'

SUBLİME TEXT 3 İÇİN

import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

Daha sonrasında Control+Shift+P ile paketleri açın oraya arama satırına install yazın direkt paket yükleme karşınıza çıkacaktır.

inspkt
Bunun gibi birşey aha açılacaktır orda bütün eklentiler listelenecektir aşağıdaki başıkları oraya yazdığınız zaman görecsiniz direkt tıklayıp yükleyebilirsiniz..

Gelelim eklentilerimize;
Browser Refresh for Sublime Text 2
Yapılan değişiklikleri kaydettikten sonra tarayıcıyı otomatik olarak yeniler.

JQuery package for Sublime Text
Kullanışlı JQuery metodlarını sunar.

Sublime Linter
Olmassa olmaz pluginlerimden biri, kodu kontrol ederek yaptığınız yada unuttuğunuz hatayı tespit eder.

Zen Coding
Hızlı HTML ve CSS kodlamaya imkan tanır.

Git
Tüm Git komutlarını Sublime üzerinden kullanmayı sağlar.

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

Comment Snippets

Css tarafında kodları ayırmak için commentler kullanırız. Bu eklentiye Package Control > Install Package üzerinden ulaşabilirsiniz

ColorPick

CSS’de her zaman lazım olan Color Picker’ı gösteren bir eklentidir. Kurduktan sonra Cmd+Shift+C kısayolu ile renk paletini açabilirsiniz.

 

Veeee Benim Vazgeçilmezim

 

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. Sitesi: http://docs.emmet.io/

initializers

Emment’i iyi anlamak için sitesinde dolaşabilirsiniz veya aşağıdaki kodu normal html sayfasına yazıp crtl+e’ye bastığınızda dibinizin düşüceğinden eminim ;)

.wapper>.header>.menus>ul>li.item$*5>p>a[href="#"].menulinks>span{text$}

piii daha burda neler var http://docs.emmet.io/cheat-sheet/

Daha çok örnek için; http://coding.smashingmagazine.com/2013/03/26/goodbye-zen-coding-hello-emmet/

 

“Sublime Text 2 Favori Eklentilerim” için 12 yanıt

  1. Emre Başaran dedi ki:

    Sublime Text'i yeni keşfetmeme rağmen bu makalen sayesinde daha çok eklenti tanıdım.Çok teşekkür ederim.Bilmediğimiz başka eklentilerde varsa tanıtmanı umuyorum :)

  2. Kadir Yaka dedi ki:

    çok sağol ya. jquery ekleyememiştim bir türlü. sen çare oldun sağolasın :)

  3. Hande Hasımoğlu dedi ki:

    Muhteşem bir şey dostum ellerine sağlık st2 için kod vardı fakat st3 için yoktu eklemişsin emeğine sağlık, asla yorum yapmam ama o kadar çok sevindim ki bulduğuma yorum yazıyorum ehehe :)

  4. Sibel dedi ki:

    şöyle de kullanabilirsiniz; mesela alt alta 5 maddeli bir text var; siz bunu ul li mantığı içine sokacaksınız. önce bu 5 maddeli metnimizi seçerek control+w ile, alt kısımda açılan "Wrap With Abbreviation" paneline ul>li* diyerek o 5li ul listinizi güzelcene oluşturabilirsiniz. isterseniz komplike şeylerde yapabilirsiniz: ul>li*>a[href=""]>img[src="/images/" alt=""] .

  5. Enes dedi ki:

    Merhabalar Sublime Text 2 kullanıyorum ama artık Ctrl + e işlemiyor :( tamamlama yerine seçim yapıyor eklentiler yüklü

  6. haydar dedi ki:

    sosyal paylaşım butonlarınız mı eksik ben mi göremedim ? :) elinize sağlık.

  7. eray dedi ki:

    Sublime linter nasıl çalışıyor ?

  8. Murat Erikçi dedi ki:

    merhaba sublime text herhangi bir sayfayı direk browserda görme olayını bir türlü yapamadım kaydettiğimde tarayıcı seçenekleri çıkmıyor bunu bir türlü bulamadım nasıl yapıyoruz.

    teşekkürler..

  9. Murat Erikçi dedi ki:

    arkadaşlar bir soru sordum burdan fakat eklenmedi bile sorum sublime text browser desteğini nasıl yapılıyor eklentide yüklü fakat çözemedim.

    • Emir Şiriner dedi ki:

      eğer Preview ekletin yüklü ise aşağıda yazılı olan kodları tamamen koyalayıp
      Preferences-> Package Settings-> Preview-> Settings – Default içine herşeyi silerek yapıştır. Sonra F12 tuşuna bastığında varsayılan Browser hangisi ise onunla açacaktır. Ben de çok aramıştım, sonra yaptım… :) Sadece localhost yolunu düzenle o kadar…
      ————————–
      {
      // DO NOT EDIT this file!
      // Copy-paste the content of this file into user configuration file and adjust your rules there.

      "rules": [
      // prohibit previewing local files (i.e. files that don't match any rule)
      {
      "url": ""
      },

      // allow opening local .htm, .html and .xhtml in browser
      {
      "path_suffix": ".htm",
      "url_prefix": "file:///"
      },
      {
      "path_suffix": ".html",
      "url_prefix": "file:///"
      },
      {
      "path_suffix": ".xhtml",
      "url_prefix": "file:///"
      },

      // sample website
      {
      // for all files matching the path_prefix, construct URL using url_prefix
      "path_prefix": "D:/xampp/htdocs/web/",
      "url_prefix": "http://localhost/web/",
      // append this string to all URLs
      "url_append": "?debug"
      },
      {
      // files in /inc/ subdirectory can't be previewed directly, so just open the root URL
      "path_prefix": "D:/xampp/htdocs/web/inc/",
      "url": "http://localhost/web/"
      },
      {
      // when editing .htaccess files, just open the containing folder
      "path_prefix": "D:/xampp/htdocs/web/inc/",
      "path_suffix": "/.htaccess",
      "url_prefix": "http://localhost/web/",
      "url_suffix": "/"
      }
      ]
      }

  10. ahmet dedi ki:

    tükçe paketi mevcutmu bi bilginiz varmı ?

Hande Hasımoğlu için bir yanıt yazın Yanıtı iptal et

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

*