Sublime Text ile Verimliliğinizi Artırmak İçin Kısayollar ve İpuçları

Sublime Text, şüphesiz, oradaki en güçlü metin editörlerinden biridir. Memnun kullanıcı sayısı bunu kanıtlıyor. Onu keşfederseniz, sonunda güçlü özelliklerinin basit ve zarif bir arayüzün arkasına ne kadar güzel gizlendiğini göreceksiniz.

Sublime Text'i bir süredir kullanıyorsanız, cephaneliğinizi yeni mühimmatla yükseltmenin şimdi tam zamanı. Size en sevdiğim ipuçlarından ve püf noktalarından bazılarını aktaracağım. Bunları bilmek, bir programcı olarak gizli güçlerinizi dünyaya salıverebilir.

SmashingMag'de Daha Fazla Okuma :

• Web Tasarımcıları İçin 50 Güçlü Zaman Kazandıran
• Web Tasarımcıları İçin Güçlü İş Akışı İpuçları, Araçlar ve Püf Noktaları
• Kodlama İş Akışınızı Nasıl Düzenli Tutarsınız

Yüce Metin Eklentileri

Paket Kontrolü

Paket Kontrolü, Sublime Text ile ilgili eklentileri ve temaları indirmek ve yönetmek için tek duraklı bir çözümdür. Kurulum talimatları Paket Kontrol web sitesinde mevcuttur.

Kurulduktan sonra, komut paletini kullanarak ona erişebilirsiniz. Bir eklenti yüklemek için Cmd ⌘ + Shift ⇧ + P (Mac) veya Ctrl ⌃ + Shift ⇧ + P (Windows ve Linux) tuşlarına basın ve ardından Install Package girin ve "Return" tuşuna basın. Depodaki eklentilerin listesinin yüklenmesi birkaç dakika sürer, ancak daha sonra ilgilendiğiniz eklentinin adını yazıp oradan yükleyebilirsiniz. Favori eklentilerimden bazıları aşağıda listelenmiştir.

Kenar Çubuğu Geliştirmeleri

Sublime Text'in varsayılan kenar çubuğu yalnızca bazı sınırlı görevleri yapabilir. Kenar Çubuğu Geliştirmeleri eklentisi, Sublime Text'i dosyayı bir tarayıcıda açma, kopyalama, yapıştırma, yol kopyalama, kopyalama, silme ve daha fazlası için komutlarla güçlendirir.

Düz Görevler

Plain Tasks, Sublime Text'i güçlü bir yapılacaklar listesi yöneticisine dönüştürür. Paket Kontrolü ile yükleyebilirsiniz. Üzerinde Düz Görevler'i etkinleştirmek için uzantısı olarak .todo olan bir dosya oluşturun. Diğer ipuçları için, "Tercihler" → "Paket Ayarları" → "Düz Görevler" → "Öğretici" altında bulunan eklentide sağlanan eğiticiye erişebilirsiniz.

Yeni bir görev için:

• Cmd ⌘ + Return ↵ (Mac)
• Ctrl ⌃ + Return ↵ (Windows ve Linux)

Tamamlandı olarak işaretlemek için:

• Cmd ⌘ + D (Mac)
• Ctrl ⌃ + D (Windows ve Linux)

İptal edildi olarak işaretlemek için:

• Ctrl ⌃ + C (Mac)
• Alt + C (Windows ve Linux)

yüce linter

Sublime Linter kullanarak kodunuzdaki hataları kontrol edin. Eklenti, kodunuzu astarlamak için bir çerçeve sağlar. Gerçek linting, çeşitli eklentiler tarafından yapılır (Ruby, Python, JavaScript vb. için), bu da önce Sublime Linter'ı kurmanız ve ardından kodunuz için sözdizimine özgü linterler kurmanız gerektiği anlamına gelir. Kapsamlı belgeler mevcuttur.

Emmet

Bir zamanlar Zen Kodlaması olarak bilinen Emmet, herhangi bir web geliştiricisi için vazgeçilmez bir araçtır. Muhtemelen bulabileceğiniz en üretken ve zaman kazandıran eklentidir.

Kod yazmak zaman alır ve etiket yazmak ve sınıfları tırnak işaretleri ile sarmak gibi HTML homurdanan işler sıkıcı olabilir. Emmet tüm bunlarla ilgilenir. Kısaltmaları sihirli bir şekilde bütün bir HTML veya CSS yapısına genişletir. Bu kısaltmalar için kullandığı sözdizimi CSS seçicilerinden esinlenmiştir. Eylemde izleyelim.

yüce öğretmen

Sublime Tutor, Sublime Text'deki klavye kısayolları için etkileşimli bir editör içi öğreticidir. Sublime Text'i yeni kullanmaya başladıysanız, eklenti size editörün içinde harika ipuçları ve püf noktaları öğreterek üretkenliğinizi anında artıracaktır. Eklenti, öğrettiği komutları hatırladığınızdan emin olmak için aralıklı tekrarlama tekniğini kullanır.

Eklentiyi kurmak için Paket Kontrolünü kullanın. Kurulduktan sonra, "Yardım" menüsü veya Ctrl ⌃ + Alt ⌥ + K klavye kısayolu aracılığıyla öğretmene erişebilirsiniz.

Yüce Metin İşlevleri

Her Şeye Git

Bu muhtemelen Sublime Text'deki en güçlü ve en çok kullanılan komuttur. Dosyalar, klasörler, semboller ve çizgiler arasında kolaylıkla gezinin.

Bir dosyaya gitmek için:

• Cmd ⌘ + P (Mac)
• Ctrl ⌃ + P (Windows ve Linux)

Klavye kısa koduna basın ve bir dosyanın adını yazmaya başlayın. Sublime Text, bulanık bir arama yapacak ve istediğiniz dosyayı anında size getirecektir.

Bir sembole gidin:

• Cmd ⌘ + R (Mac)
• Ctrl ⌃ + R (Windows ve Linux)

Bir satıra gidin:

• Ctrl ⌃ + G (Mac)
• Ctrl ⌃ + G (Windows ve Linux)

Dosyadaki belirli bir satıra gitmek için iki nokta üst üste ve ardından satır numarasını yazın veya klavye kısa kodunu kullanın.

Kelime Seçimi

• Cmd ⌘ + D (Mac)
• Ctrl ⌃ + D (Windows ve Linux)

İmlecinizi bir kelimenin üzerine getirin, klavye kısa koduna basın ve kelime anında seçilecektir. Aynı tuş kombinasyonuna tekrar basarsanız, Sublime Text çoklu seçim moduna geçecek ve aynı kelimenin belgedeki diğer örneklerini seçecektir. Bir kelimenin tüm örneklerinde metni hızlı bir şekilde eklemek veya değiştirmek için bu yöntemi kullanabilirsiniz.

• Ctrl ⌃ + Cmd ⌘ + G (Mac)
• Alt + F3 (Windows ve Linux)

Bu, aynı şeyi elde etmenin başka bir yoludur. Bir kelimeyi aşamalı olarak aramak yerine, imlecin altındaki kelimeyi toplu olarak arar ve çoklu seçim moduna geçer.

Seçimi Kapsama Genişletin

• Cmd ⌘ + Shift ⇧ + Space ␣ (Mac)
• Ctrl ⌃ + Shift ⇧ + Space ␣ (Windows ve Linux)

Bu kısayol, JavaScript geliştiricileri için son derece kullanışlıdır. Geçerli kapsamı seçer. Aynı tuş kombinasyonuna tekrar basmak, üst kapsamını seçer. Video, nasıl çalıştığını açıkça ortaya koyuyor:

Seçimi Satırlara Böl

• Cmd ⌘ + Shift ⇧ + L (Mac)
• Ctrl ⌃ + Shift ⇧ + L (Windows ve Linux)

Sublime Text'i çoklu seçim moduna geçirerek seçili alanı birden çok satıra bölmek için bu kısayolu kullanın. Bu numarayı, bir kelime listesini hızlı bir şekilde kapalı bir dizi diziye dönüştürmek için kullanıyorum.

Sütun Seçimi

• Ctrl ⌃ + Shift ⇧ + Up ↑ / Down ↓ (Mac)
• Ctrl ⌃ + Alt + Up ↑ / Down ↓ (Kazan)
• Alt + Shift ⇧ + Up ↑ / Down ↓ (Linux)

Sublime Text'de bir sütun seçmek için bu kısayolu kullanın. İmlecinizi belgede herhangi bir yere getirin ve ardından yukarı veya aşağı sütunları seçmek için kısayola basın. Bu aynı zamanda sizi yukarıdaki iki komut gibi çoklu seçim moduna da götürür.

Çeşit

• F5 (Mac)
• F9 (Windows ve Linux)

CSS özelliklerimi alfabetik olarak sıralamayı seviyorum. Bu komut bunun için son derece kullanışlıdır. Sıralamanız gereken bloğu seçin (profesyonel ipucu: bir girinti düzeyi seçmek için Ctrl ⌃ + Shift ⇧ + J kullanın) ve ardından klavye kısa koduna basın.

Yazım Denetimi'ni açın

• F6

Kod inceleme aşamasına geçtikten sonra yazım hatalarından dolayı hayal kırıklığına uğramanıza gerek yok. Yazım denetleyicisini hızlı bir şekilde değiştirmek için bu tuşu kullanın.

Yorum

• Cmd ⌘ + / (Mac)
• Ctrl ⌃ + / (Windows ve Linux)

Bu benim en sık kullandığım kısayollardan biri. Herhangi bir programlama dilinde yorumları işaretlemek bu kısayol ile basitleştirilmiştir. Bir HTML dosyasında bir çift <!-- --> etiketi, JavaScript'te ise satırın başına // koyar.

Bir Çizgiyi Yukarı veya Aşağı Balon

• Cmd ⌘ + Ctrl ⌃ + Up ↑ / Down ↓ (Mac)
• Shift ⇧ + Ctrl ⌃ Up ↑ / Down ↓ (Windows ve Linux)

Bir kod parçasını beş satır yukarı taşımak ister misiniz? Kesme ve yapıştırma gerçekten eski bir okul. Snippet'i istediğiniz yere götürmek için bu tuş bağlamayı kullanın. Yukarı veya aşağı hareket ettirmeye devam etmek için kısayola tekrar basın.

Yinelenen Seçim

• Cmd ⌘ + Shift ⇧ + D (Mac)
• Ctrl ⌃ + Shift ⇧ + D (Windows ve Linux)

Varsayılan olarak, bu kısayol, geçerli satırı çoğaltır ve bir sonraki satıra koyar. Bir bölge seçip bu kısayola basarsanız, tüm bölgeyi çoğaltır.

İki Hattı Birleştir

• Cmd ⌘ + J (Mac)
• Ctrl ⌃ + J (Windows ve Linux)

Bu, aşağıdaki satırı geçerli satıra birleştirir ve aradaki tüm beyaz boşlukları tek bir boşlukla değiştirir. Bir satır bloğunda gerçekleştirilen bu, tüm satırları birleştirir.

Eşleşen Ayraç'a git

• Ctrl ⌃ + M

İmlecinizi bir parantez konumundan diğerine taşımak için bu komutu kullanın. Bu, özellikle uzun bir yöntemde kaybolduğunuzda ve başlangıç ​​pozisyonuna (veya tam tersi) ulaşmak istediğinizde kullanışlıdır.

HTML Etiketini Kapat

• Cmd ⌘ + Opt ⌥ + . (Mac)
• Alt + . (Windows ve Linux)

Şu anda açık olan HTML etiketini kapatmak için bu kısayolu kullanın. Geçerli imleç konumuna eşleşen kapanış etiketini ekler.

Projede Bul

• Cmd ⌘ + Shift ⇧ + F (Mac)
• Ctrl ⌃ + Shift ⇧ + F (Windows ve Linux)

Bu, Sublime Text'in grep karşılığıdır. Tüm proje içinde bir terim bulur. Bu komutla ilgili özel olan şey, çok hızlı olmasıdır. Büyük/küçük harfe duyarlı hale getirmek ve normal ifade eşleşmesi yapmak için seçenekler vardır.

Geçerli belgede, proje genelinde belirli bir terimi aramak için, imleci o terimin üzerine getirin ve ardından Ctrl ⌃ + E basın; bu, o terimi arama kutusuna koyacaktır. Yukarıdaki kısa koda basmak, proje genelindeki arama kutusunu bu terimle doldurur.

Sekmeler Arasında Geçiş Yap

• Cmd ⌘ + Shift ⇧ + [ veya ] (Mac)
• Ctrl ⌃ + Page Up ⇞ veya Page Down ⇟ (Windows ve Linux)

Tıpkı bir web tarayıcısında olduğu gibi, Sublime Text'de birden çok sekme açabilirsiniz. Bir sekmeden diğerine geçmek için yukarıda belirtilen kısayolları kullanabilir ve yeni bir sekme oluşturmak için Cmd ⌘ + T (Mac) veya Ctrl ⌃ + N (Windows ve Linux) tuşlarını kullanabilirsiniz.

Komut Paleti

• Cmd ⌘ + Shift ⇧ + P (Mac)
• Ctrl ⌃ + Shift ⇧ + P (Windows ve Linux)

Sublime Text konusunda uzmanlaştıkça, menülere giderek daha az erişmek isteyeceksiniz ve bunun yerine her şeyi klavyeye birkaç dokunuşla yapabileceksiniz. Komut paleti ile hızlı bir şekilde bir komut yazabilirsiniz ve Sublime Text mevcut bir komut seti ile bulanık bir eşleşme yaparak komutlara uygun bir yerden erişmenizi sağlar.

Komut paletinde deneyebileceğiniz bazı şeyler: Yeni oluşturulan bir dosyanın sözdizimini ayarlayın, mevcut belgedeki satırları sıralayın ve Paket Kontrolü'nü kullanarak bir eklenti kurun.

Konsolu göster

• Ctrl ⌃ + `

Sublime Text, gömülü bir Python yorumlayıcısı ile birlikte gelir. Editör için bir eklenti geliştirirken Python komutlarını yürütmek veya Sublime Text'in API'lerini hızlı bir şekilde test etmek için kullanışlı bir araçtır.

Çeşit

• F5 (Mac)
• F9 (Windows ve Linux)

CSS özelliklerimi alfabetik olarak sıralamayı seviyorum. Bu komut bunun için son derece kullanışlıdır. Sıralamanız gereken bloğu seçin (profesyonel ipucu: bir girinti düzeyi seçmek için Ctrl ⌃ + Shift ⇧ + J kullanın) ve ardından klavye kısa koduna basın.

Yazım Denetimi'ni açın

• F6

Kod inceleme aşamasına geçtikten sonra yazım hatalarından dolayı hayal kırıklığına uğramanıza gerek yok. Yazım denetleyicisini hızlı bir şekilde değiştirmek için bu tuşu kullanın.

Yorum

• Cmd ⌘ + / (Mac)
• Ctrl ⌃ + / (Windows ve Linux)

Bu benim en sık kullandığım kısayollardan biri. Herhangi bir programlama dilinde yorumları işaretlemek bu kısayol ile basitleştirilmiştir. Bir HTML dosyasında bir çift <!-- --> etiketi, JavaScript'te ise satırın başına // koyar.

Bir Çizgiyi Yukarı veya Aşağı Balon

• Cmd ⌘ + Ctrl ⌃ + Up ↑ / Down ↓ (Mac)
• Shift ⇧ + Ctrl ⌃ Up ↑ / Down ↓ (Windows ve Linux)

Bir kod parçasını beş satır yukarı taşımak ister misiniz? Kesme ve yapıştırma gerçekten eski bir okul. Snippet'i istediğiniz yere götürmek için bu tuş bağlamayı kullanın. Yukarı veya aşağı hareket ettirmeye devam etmek için kısayola tekrar basın.

Yinelenen Seçim

• Cmd ⌘ + Shift ⇧ + D (Mac)
• Ctrl ⌃ + Shift ⇧ + D (Windows ve Linux)

Varsayılan olarak, bu kısayol, geçerli satırı çoğaltır ve bir sonraki satıra koyar. Bir bölge seçip bu kısayola basarsanız, tüm bölgeyi çoğaltır.

İki Hattı Birleştir

• Cmd ⌘ + J (Mac)
• Ctrl ⌃ + J (Windows ve Linux)

Bu, aşağıdaki satırı geçerli satıra birleştirir ve aradaki tüm beyaz boşlukları tek bir boşlukla değiştirir. Bir satır bloğunda gerçekleştirilen bu, tüm satırları birleştirir.

Eşleşen Ayraç'a git

• Ctrl ⌃ + M

İmlecinizi bir parantez konumundan diğerine taşımak için bu komutu kullanın. Bu, özellikle uzun bir yöntemde kaybolduğunuzda ve başlangıç ​​pozisyonuna (veya tam tersi) ulaşmak istediğinizde kullanışlıdır.

HTML Etiketini Kapat

• Cmd ⌘ + Opt ⌥ + . (Mac)
• Alt + . (Windows ve Linux)

Şu anda açık olan HTML etiketini kapatmak için bu kısayolu kullanın. Geçerli imleç konumuna eşleşen kapanış etiketini ekler.

Projede Bul

• Cmd ⌘ + Shift ⇧ + F (Mac)
• Ctrl ⌃ + Shift ⇧ + F (Windows ve Linux)

Bu, Sublime Text'in grep karşılığıdır. Tüm proje içinde bir terim bulur. Bu komutla ilgili özel olan şey, çok hızlı olmasıdır. Büyük/küçük harfe duyarlı hale getirmek ve normal ifade eşleşmesi yapmak için seçenekler vardır.

Geçerli belgede, proje genelinde belirli bir terimi aramak için, imleci o terimin üzerine getirin ve ardından Ctrl ⌃ + E basın; bu, o terimi arama kutusuna koyacaktır. Yukarıdaki kısa koda basmak, proje genelindeki arama kutusunu bu terimle doldurur.

Sekmeler Arasında Geçiş Yap

• Cmd ⌘ + Shift ⇧ + [ veya ] (Mac)
• Ctrl ⌃ + Page Up ⇞ veya Page Down ⇟ (Windows ve Linux)

Tıpkı bir web tarayıcısında olduğu gibi, Sublime Text'de birden çok sekme açabilirsiniz. Bir sekmeden diğerine geçmek için yukarıda belirtilen kısayolları kullanabilir ve yeni bir sekme oluşturmak için Cmd ⌘ + T (Mac) veya Ctrl ⌃ + N (Windows ve Linux) tuşlarını kullanabilirsiniz.

Komut Paleti

• Cmd ⌘ + Shift ⇧ + P (Mac)
• Ctrl ⌃ + Shift ⇧ + P (Windows ve Linux)

Sublime Text konusunda uzmanlaştıkça, menülere giderek daha az erişmek isteyeceksiniz ve bunun yerine her şeyi klavyeye birkaç dokunuşla yapabileceksiniz. Komut paleti ile hızlı bir şekilde bir komut yazabilirsiniz ve Sublime Text mevcut bir komut seti ile bulanık bir eşleşme yaparak komutlara uygun bir yerden erişmenizi sağlar.

Komut paletinde deneyebileceğiniz bazı şeyler: Yeni oluşturulan bir dosyanın sözdizimini ayarlayın, mevcut belgedeki satırları sıralayın ve Paket Kontrolü'nü kullanarak bir eklenti kurun.

Konsolu göster

• Ctrl ⌃ + `

Sublime Text, gömülü bir Python yorumlayıcısı ile birlikte gelir. Editör için bir eklenti geliştirirken Python komutlarını yürütmek veya Sublime Text'in API'lerini hızlı bir şekilde test etmek için kullanışlı bir araçtır.

Bu yorumlayıcının Sublime Text ile birlikte geldiğini ve sisteminizde kurulu Python'dan farklı olduğunu unutmayın. Bu konsolun amacı, Sublime Text'in eklentiler için API'si ile etkileşim kurmaktır. Paket Kontrolünü kurarken muhtemelen bu konsolu kullandınız.

Sublime Text'in eklenti API'sini kullanarak neler yapılabileceğini öğrenmek için belgelere bakın.

Dikkati Dağıtmayan Mod

• Cmd ⌘ + Ctrl ⌃ + Shift ⇧ + F (Mac)
• Shift ⇧ + F11 (Windows ve Linux)

Yazarlar ve dikkatle konsantre olması gereken diğerleri için, Sublime Text daha da minimalist bir arayüze sahiptir. Dikkat dağıtmayan modu açıp kapatmak için kısayolu kullanın.

Metin Komut Satırı Yardımcısı

Sublime Text, komut satırındaki dosyalarla çalışmayı çok kolaylaştıran bir komut satırı aracı içerir. Mac'te çalışmasını sağlamak için kabuğunuzda kullanılabilir hale getirmeniz gerekir.

Sublime Text'i “Applications” klasörüne yerleştirdiğinizi ve yolunuzda ~/bin dizininin olduğunu varsayarak, aşağıdakileri çalıştırabilirsiniz:

 ln -s "/Applications/Sublime Text.app/Contents/SharedSupport/bin/subl" ~/bin/sublime 

Giriş isteyen komutlarda ( git commit gibi) varsayılan düzenleyici olarak kullanmak için editor ortam değişkenini ayarlayın.

 export EDITOR='sublime -w'

Windows'ta subl.exe benzer şekilde kullanabilirsiniz.

Çözüm

Sublime Text, bu kadar güçlü kısayollar ve komutlarla doludur. Bu makaleye göz gezdirerek muhtemelen bunları hatırlamayacaksınız; bunun yerine, içinden geçerken pratik yapmanız gerekecek. Kendiniz için en kullanışlı kısayolları listeleyin ve Sublime Text ile çalışırken bunlara düzenli olarak bakın. Pratik yapmak anahtardır. Sublime Text ninjası olma yolundasın.