Brackets Editör – Windows Kısayolları

Brackets Editör - Windows Kısayolları

Uzun zaman önce kullandığım ve daha sonra tekrar kullanma imkanı bulduğum Brackets editörün kısayollarını yazacağım.. Aslında zaten biraz kurcalaya kurcalaya bulabileceğiniz şeyler ancak sizi bu zahmetten kurtarayım dedim 🙂Uzun zaman önce kullandığım ve daha sonra tekrar kullanma imkanı bulduğum Brackets editörün kısayollarını yazacağım.. Aslında zaten biraz kurcalaya kurcalaya bulabileceğiniz şeyler ancak sizi bu zahmetten kurtarayım dedim 🙂

Dil Değiştirme

İngilizce yüklendiği için eğer türkçe kullanmak isterseniz üst menüden Debug‘a tıklayıp Switch Language‘i seçin. Daha sonra çıkan pencereden dili seçip Reload Brackets deyin, tamamdır 🙂

Brackets Editör - Windows Kısayolları

Brackets Editör - Windows Kısayolları

Yazı Boyutunu Değiştirme

Eğer sizde benim gibi koca koca görüp yazanlardansanız buna ihtiyacınız olacak..

Yazıyı büyültmek için Ctrl + ya basacaksınız..
Yazıyı küçültmek için ise tahmin edebileceğiniz gibi Ctrl – ye basacaksınız 🙂
Standart boyutlrına tekrar getirmek içinse Ctrl + 0 ı kullanacaksınız.

Ya da üst menüde View altındada bu işlemleri bulabilirsiniz;

Brackets Editör - Windows Kısayolları

Sidebar’ı Gizlemek

Soldaki barı gizlemek isterseniz Ctrl + Shift + H kısayolunu kullanabilirsiniz.

Ya da View > Hide Sidebar diyebilirsiniz.

Hızlı Görüntülemeyi Kapatmak

Hoş bunu kim niye kapatmak ister ama yinede yazalım.. Bu hızlı görüntüleme örneğini aşağıdaki resimde görebilirsiniz;

Brackets Editör - Windows Kısayolları

Gördüğünüz gibi rengi bize gösteriyor.. Ya da resmi vb.

Kapatmak isterseniz View > Quick View on Hover‘ı pasif konuma getirin.

Brackets Editör - Windows Kısayolları

Tab Genişliğini Ayarlamak

Hiyerarşi için tab önemli bir unsur.. Bunun genişliğinide sağ alttan kolayca ayarlayabiliyorsunuz..

Brackets Editör - Windows Kısayolları

Brackets Editör - Windows Kısayolları

Editörü Yenilemek

Alışkanlığımızdan şaşmayıp F5 yapmamız yeterli 🙂

Eklenti Yöneticisini Açma

Sağ siyah barda lego ikonundan açabilirsiniz.
Brackets Editör - Windows Kısayolları

Hızlı Düzenleme

Html elemanlarının css kodlarını hızlıca değiştirmek isterseniz nesneye tıklayın resimdeki gibi;

Brackets Editör - Windows Kısayolları

Ve daha sonra CTRL + E ‘ye basın..

Brackets Editör - Windows Kısayolları

Dosyayı Klasörde Gösterme

Çalıştığınız ya da sidebar’daki herhangi bir dosyayı klasörde görmek isterseniz üzerine sağ tıklayıp Show in OS demeniz yeterli.

Brackets Editör - Windows Kısayolları

Kodlarda Arama

Normal şartlarda CTRL + F yapıp arayabiliyorsunuz.. Ancak ayrıntılı olarak hangi satırlarda nerede geçiyor gibi bir şey görmek istiyorsanız dosyanın üzerine sağ tık yapıp find in deyin. Ve açılan pencereden kelimeyi yazıp enter’a basın.

Brackets Editör - Windows Kısayolları

Brackets Editör - Windows Kısayolları

Hızlı Dosya Açma

Çalıştığınız dizin altındaki dosyaları kolayca görüp açmak için CTRL + Shift + O kısayolunu kullanabilirsiniz.
Ya da üst menüden Navigate > Quick Open diyebilirsiniz.

Brackets Editör - Windows Kısayolları

Satıra Gitme

Eğer binlerce satırlık dosyalar üzerinde çalışıyorsanız bir hata aldığınızda o satıra gitmek için o scroll’u yemeniz gerekiyor 🙂 Velhasıl bunun kısa bir yolu var.. CTRL + G‘ye basıp açılan yere satır numarasını yazarsanız otomatik olarak oraya gidebilirsiniz.

Brackets Editör - Windows Kısayolları

Aktif Satırı Renklendirme

Hangi satırda olduğunuzu bilmek adına bu gerekli bir şey. Eğer açık değilse üst menüden View > Highlight Active Line‘ı seçili yapmanız gerekir.

Brackets Editör - Windows Kısayolları

Satır Numaralarını Gösterme / Gizleme

Üst menüde View altında Line Numbers‘ı seçili yaparsanız gözükür, yapmazsanız gözükmez 🙂

Brackets Editör - Windows Kısayolları

Brackets Editör - Windows Kısayolları

Tanımlı Sabitleri Bulma

Sayfa içerisindeki tanımlı sabitleri kolayca bulmak için CTRL + T‘ye basmanız yeterli.

Brackets Editör - Windows Kısayolları

Çalışılan Dosyalar Arasında Hızlı Geçiş

Tıpkı tarayıcı sekmelerinde hızlı geçiş olduğu gibi CTRL + Tab ve CTRL + Shift + Tab ile çalıştığınız dosyalar arasında hızlı geçiş yapabilirsiniz.

Brackets Editör - Windows Kısayolları

Geliştirici Aracını Açma

F12‘ye basmanız yeterli 🙂
Ya da üst menüden Debug > Show Developer Tools‘a tıklamanız gerek.

Brackets Editör - Windows Kısayolları

Yeni Editör Penceresi Açmak

Çalıştığınızın dışında ayrı bir pencere açmak isterseniz üst menüden Debug > New Brackets Window demeniz yeterli.

Brackets Editör - Windows Kısayolları

Mevcut satırı yorum satırı içine alma

Bunun için satırdayken CTRL + / kısayolunu kullanmanız yeterli.

JSLint

Bu bir javascript kalite kontrol aracıdır.. Yazdığınız kodları test eder.. Eğer bunu açmak isterseniz üst menüden View > Enable JSLint‘i aktifleştirmeniz yeterli.. Bir js dosyasında eğer sorun var ise alt tarafta görebilirsiniz;

Brackets Editör - Windows Kısayolları

Canlı Önizleme

Çalışmayı önizleme yapmak isterseniz sağ tarafta bulunan winamp benzeri ikona tıklayın..
Ya da kısayol olarak CTRL + Alt + P yi kullanabilirsiniz.

Brackets Editör - Windows Kısayolları

Eklentiler

Bu tarz editörlerin en önemli olayı eklentilerdir.. Çünkü eklentiler ile güzelleşir editörler 🙂 Zaten yukarıda eklenti yöneticisini gösterdim.. Ancak bu editör için gerekli eklentileri aşağıdaki adresten bulabilirsiniz;

https://github.com/adobe/brackets/wiki/Brackets-Extensions#extensions-list

Eklenti Yüklemek

Önce sağdan eklenti yöneticisini açalım.. Ardından sol altta bulunan Install From URL.. butonuna tıklayalım..

Brackets Editör - Windows Kısayolları

Yukarıda verdiğim eklenti listesinden birini bulalım.. Örneğin her zaman kullanacağınız Zen Coding / Emmet eklentisi.. Hemen kutucuğa aşağıdaki linki yapıştırıp Install diyelim..

https://github.com/emmetio/brackets-emmet

Brackets Editör - Windows Kısayolları

Brackets Editör - Windows Kısayolları

Brackets Editör - Windows Kısayolları

Brackets Editör - Windows Kısayolları

Brackets Editör - Windows Kısayolları

Evet bu makale için bu kadarı yeterli sanırım.. Zaten daha fazlasını editör’ü ve eklentilerini inceleyerek öğrenebilirsiniz, kolay gelsin 🙂

Yayınlayan

Tayfun Erbilen

2009’dan beri web işleriyle uğraşan, aynı zamanda amatör müziklede ilgilenen sıradan birisi..

“Brackets Editör – Windows Kısayolları” üzerine 25 yorum

  1. Ubuntuda iken denemiştim bu editörü. 🙂 Adobe'da yavaş yavaş open-source'ye adım atıyor hocam harika açık kaynak editör yapmışlar. 😀

  2. Öneriyormusunuz hocam bu editörü ? Notepad ++'ın yerine geçebilir mi ya da alternaif olabilir mi?

  3. @Muhammet Çolak, ben tavsiye ediyorum.. Şu videoya bir göz atın, daha sonra zaten sizde karar vereceksiniz 🙂

  4. Gerçekten iyi bir editör. Direk psyi açıp değerleri göstermesi beni şaşırttı cidden. 😀

  5. @Beytullah DALLI, henüz öyle bir özellik gelmedi… geliştiriciler daha deniyor o özelliği 🙂

  6. bu programı bende önceden kullanmıştım gerçekten güzel bir program, şimdi tekrardan kurdum fakat bunda türkçe karakter hataları çıkıyor çözümü hakkında bir bilgin var mı?

  7. @Yasin Elbüz, hiçbir fikrim yok. Ben indirip kurdum, dil değiştirip test ettim bir sorun göremedim.
    @Beytullah DALLI ve @geveze, nurçin'in de dediği gibi, muhtemelen o özellik test aşamasında olduğu için tanıtılmış.
    @Murat Ç., valla onu bende bulamadım.. Bilen varsa bizede bildirsin 🙂

  8. Şuan indiriyorum bi deniyelim Tayfun gardaşlık 🙂 Beğenirsem Np++ & Dreamweaver ikilisini Terk-i Diyar ederim 🙂

  9. Editör gerçekten başarılı. Özellikle canlı önizleme'ye çok hoşuma gitti.
    Temaları yüklemek için "Extensions Manager" butonuna tıkladıktan sonra gelen pencerede "Install from URL" butona tıklayın ve "https://github.com/MiguelCastillo/Brackets-Themes" adresini yazıp Install butonuna tıklayın.
    Artık Menü çubuğunda "Themes" menüsü altında temalar yüklendiğini göreceksiniz 🙂

  10. Arkaplanı #000 yada #24242 Olan hiç Dark Tema bulamadım ama benzeyen bişeyler buldum adı " Ambiance " Eğer arkaplanı #000 yada #242424 olan tema bulursanız banada söyleyin

  11. Sitedeki bir kısım resimler gözükmemekle birlikte, bu editörün yanında Sublime Text Editor de ekledik mi tmmdır! 🙂

  12. türkçe karakter sorunu var çözemedim 🙂 notepad++ gibi dönüştürücü bulamadım ide'de

  13. Tayfun abi o değilde sen DW'de sen sadece class ismini yazıyodun sonra kısayol tuşuna basınca otomatik class oluyordu 😀 Nasıl yapıcam onu bir yardım etsen?

  14. @Melih Çatakçin, eklenti kurman gerekiyor.. Zen Coding ya da Emmet diye aratabilirsin. Benim sitedeki linki;
    http://www.erbilen.net/71-zen-coding-eklentisi-kurulumu-ve-kullanimi.html

    Bu bağlantıda da Brackets için nasıl kuracağını anlattım zaten, kolay gelsin 🙂

    @Sublim, burada bir editör ayrımı yapmıyor mevcut açık kaynaklı bir editörün inceliklerini konu alıyorum. Okuma yazması olan herkes bunu görüp anlayabilir düşüncesindeyim 🙂 Yoksa onlarca IDE varken bumu diye soruların ardı arkası kesilmez.

    @ahmet elçik, dönüştürücü derken? Nasıl bir şeydi o, bildirirsen yardımcı olmaya çalışayım. Ve bu bir ide değil, notepad++'da öyle onuda karıştırmayalım 🙂

  15. merhaba ben bracketsi kurdum ve emmet eklentisini de kurdum bu kodlamaya başlarken başta html:5 yapıp hangi tuşa basmamız lazım ki standart html 5 kodları gelsin mac kullanıyorum

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir