Brackets kod editörü nedir? nasıl kurulur? //ENİGMA

ENİGMA1

Uzman üye
31 Ocak 2016
1,962
39
Brackets kod editörü nedir? nasıl kurulur?

SSmoFh.png


Konu içeriği
2HWlUR.png
Brackets Nedir?
2HWlUR.png
Brackets'in Sevilen Özellikleri
2HWlUR.png
Brackets Nasıl Kurulur
2HWlUR.png
Brackets Eklentileri Nasıl Kurulur​


Brackets Nedir?

Adobe firmasının piyasaya sürdüğü, açık kaynak olarak geliştiriciler tarafından geliştirilen bir metin düzenleyici editörüdür. Geliştiriciler tarafından çok sevilmesinin bir çok sebebi vardır. Brackets genellikle web tasarımcılar ve front-ent geliştiricileri için geliştirilen hafif fakat güçlü, modern bir metin düzenleyicisidir. Bünyesinde Mac OSx, Linux ve Windows işletim sistemi barındıran sistemlerde rahatlıkla çalışabilir, kullanılabilir.​

1.png

Brackets'in sevilen özellikleri

1- Canlı önizleme

Web site tasarımı üzerinde çalışırken tasarımınızda nasıl değişiklikler olduğunu eşzamanlı olarak kaydetmeden görebilme imkanı sunuyor. Ayrıca imlecinizi eşzamanlı önizleme sayfasında gezdirerek css seçicinizin nereye uygulandığını görebiliyorsunuz.​

2- Eklenti Kurulumu

Brackets metin düzenleyici editöründe başka bir kullanıcının veya geliştiricinin yazdığı pratik eklentileri yükleyebilir, kullanabilirsiniz. Ayrıca sizlerde kolaylıkla kendi eklentilerinizi yazabilir, paylaşabilirsiniz.​

3- Sözdizimi renklendirmesi

Sözdizimi renklendirmesi diğer kod editörlerine göre daha kapsamlı ve efektiftir. Ayrıca söz dizimi renklendirmesini zevkinize göre özelleştirebilirsiniz.​

4- Renk Düzenleyici

Örneğin bir rengi hex kodu olarak yazdığınızda çoğu kod editöründe hangi renkten bahsettiğinizi göremiyorsunuz. Fakat Brackets metin editöründe renk paletini kullanarak renkler arasında geçişler yapabilir seçtiğiniz hex değerinin rengini eşzamanlı olarak görebilirsiniz.​

1.png

Brackets Nasıl Kurulur

Aşağıda bıraktığım bağlantıya tıklayarak Brackets'in resmi web sitesine gidebilirsiniz. İndirmek için download butonuna tıklayabilirsiniz.​


7bBMB8.png

İndirilen dosyayı açarak kurulum işlemine başlayabilirsiniz. Kurulumda extra bir ayar olmadığı için bu kısımı anlatma gereği duymuyorum, ileri butonlarına tıklayarak kurulum işlemini tamamlayabilirsiniz. Programı kullanabilmek için kurulum işlemi bittikten sonra programı çalıştırmanız yeterli olacaktır.​

pxy80N.png
]​

1.png

Brackets Eklentileri Nasıl Kurulur

Brackets'ı çalıştırdığınızda pencerenin sağ tarafındaki eklenti butonuna tıklayın.​

5KdV6u.png

Eklenti butonuna tıkladığınız takdirde açılan ekranda bulunan arama kısmına eklentinin adını yazabilir eklentiyi yükleyebilirsiniz. Ben sizlere göstermek amacıyla emmet eklentisini yükleyeceğim. Emmet html ve css kodlarını daha rahat, hızlı ve kolay yazabilmemizi sağlayan bir eklentidir.​

IhjKGQ.png

Eklentiyi yüklemek için install butonuna basmanız yeterli olacaktır.​

K2HIOv.png

giphy.gif
 
Son düzenleme:

maj344

Katılımcı Üye
25 Şub 2019
277
2
Bi sublime kadar güzel olacağanı sanmıyorum ama deneyelim bakalım hocam elinize sağlık konu için :)
 
Üst

Turkhackteam.org internet sitesi 5651 sayılı kanun’un 2. maddesinin 1. fıkrasının m) bendi ile aynı kanunun 5. maddesi kapsamında "Yer Sağlayıcı" konumundadır. İçerikler ön onay olmaksızın tamamen kullanıcılar tarafından oluşturulmaktadır. Turkhackteam.org; Yer sağlayıcı olarak, kullanıcılar tarafından oluşturulan içeriği ya da hukuka aykırı paylaşımı kontrol etmekle ya da araştırmakla yükümlü değildir. Türkhackteam saldırı timleri Türk sitelerine hiçbir zararlı faaliyette bulunmaz. Türkhackteam üyelerinin yaptığı bireysel hack faaliyetlerinden Türkhackteam sorumlu değildir. Sitelerinize Türkhackteam ismi kullanılarak hack faaliyetinde bulunulursa, site-sunucu erişim loglarından bu faaliyeti gerçekleştiren ip adresini tespit edip diğer kanıtlarla birlikte savcılığa suç duyurusunda bulununuz.