Atom Kodu Düzenleyicisi: WordPress Kullanıcıları İçin Kapsamlı Bir İnceleme

WordPress, kutudan çıkar çıkmaz bir sürü özelleştirmeye izin verir. Eklentiler, sayfa oluşturucular ve temalar, teknik bilgisi olmayan kullanıcıların bile neredeyse her türden web sitesi oluşturmasına olanak tanır. Ancak güçlü temalar bile ( Elegant Themes'in kendi Divi'si gibi) çalışan bir HTML, CSS ve/veya PHP bilgisi ile büyük ölçüde genişletilebilir. Yapılabilecek neredeyse hiçbir şey yoktur ve birçok WordPress kullanıcısı er ya da geç bu yola girer.

Elbette, diğer tüm görevler gibi, kod yazmak ve değiştirmek de doğru araçla son derece kolaylaşıyor. Bu durumda, bu genellikle bir kod düzenleyici veya IDE'dir (Entegre Geliştirme Ortamı).

Bununla birlikte, 2015 yılındaki popüler bir makalede, Mevcut En İyi 11 Kod Düzenleyicisi'nde gösterdiğimiz gibi, birçok kullanılabilir seçenek vardır. Hala merak edenler için, “hangi kod düzenleyici benim için doğru?” Piyasadaki en iyi kod editörlerinden bazılarına daha yakından bakarak kendi cevabınızı bulmanıza yardımcı olmak istiyoruz.

Bu yazıda, popüler bir çapraz platform ve açık kaynak kod düzenleyicisi olan Atom ile başlıyoruz.

Kurulum ve Genel Bakış

Atom resmi web sitesinden ücretsiz olarak indirilebilir. Sadece büyük kırmızı düğmeye tıklayın.

İndirme işlemi tamamlandıktan sonra kurulum dosyasına çift tıklayın. Diğer her şey kendiliğinden olacak. Cidden, kurulum size dosyaları nereye yerleştireceğinize karar vermeniz için bir istem bile vermiyor. Biraz garip ama böyle.

Kurulum tamamlandıktan sonra, yeni bir proje oluşturma, klavye kısayollarını ve diğer seçenekleri öğrenme gibi kod düzenleyicide ilk adımlarınızı atmanıza yardımcı olacak bir karşılama ekranı ile karşılaşacaksınız.

Ayrıca, yazılımı geliştirmek için Atom'un yapımcılarına anonim veri gönderip göndermeyeceğinizi sorduğunuz bir sekme de vardır. Ana editör ekranına ulaşmak için tüm bu sekmeleri kapatabilirsiniz.

İşinizin çoğunu burada yapacaksınız. Projeler, dosyalar ve klasörler oluşturabilir veya mevcut dosyaları düzenleyebilirsiniz. Dosya menüsünden Proje klasörü ekle'yi seçtiğinizde, Atom sol tarafta dosya yapısını sağlayacaktır. Düzenlemeye başlamak için herhangi bir dosya seçin.

Buraya kadar çok kolay, değil mi? Şimdi Atom kod düzenleyicisini öne çıkaran bazı özelliklere bakalım.

Atom Kodu Düzenleyicisini Kullanmanın Faydaları

Buradan itibaren Atom hakkında sevilecek şeylere bakacağız. Özelliklerin çoğu kod editörleri arasında oldukça yaygın olsa da, yeni başlayanların ne olduklarını ve kodlama ve web geliştirmeye nasıl yardımcı olacaklarını anlamaları için bunları belirtmek önemlidir.

Açık Kaynak ve Topluluk Oluşturuldu

Atom editörü yalnızca çapraz platform değil (hem Windows, MacOS hem de Linux'ta çalıştığı anlamına gelir), aynı zamanda WordPress gibi tamamen açık kaynaktır. Github'ın iyi insanları tarafından inşa edilmiş olup, MIT lisansı altında kullanımı ücretsizdir.

Açık kaynak aynı zamanda yazılımın tek bir varlık yerine bir topluluk tarafından geliştirilip sürdürüldüğü anlamına gelir. Katkı kılavuzuna uyduğu sürece herkes temel ürüne katkıda bulunabilir.

Buna ek olarak, kullanıcılar ek özellikler ve işlevsellik sağlayan uzantılar oluşturarak yazılımı geliştirebilirler. Aslında, tıpkı WordPress gibi, Atom'un aktif topluluğu, en büyük avantajlarından biridir ve kapsamlı eklenti ve tema kitaplığının nedenidir (kısaca daha fazlası).

Tamamen Özelleştirilebilir

Düzenleyiciye çok fazla kişi eklendiğinden, Atom son derece özelleştirilebilir. Her şeyden önce, bir sürü varsayılan seçenekle birlikte gelir. Dosya > Ayarlar altında, Atom'un iş akışınıza daha iyi uymasını sağlamak için birçok şeyi değiştirebilirsiniz.

Örneğin, yazı tipi boyutunu ve ailesini, kodun otomatik olarak girintilenip girilmeyeceğini, tercih ettiğiniz satır uzunluğunu ve çok daha fazlasını değiştirebilirsiniz. Buna ek olarak, istediğiniz zaman değiştirebileceğiniz bir sürü klavye kısayolu da var.

Bununla birlikte, daha önemli kısımlardan biri Temalar menüsüdür. Burada, varsayılan olarak, editör kullanıcı arayüzünü ve kodun nasıl görüntülendiğini tamamen değiştirebilen dört UI ve sekiz sözdizimi teması arasından seçim yapabilirsiniz.

İstediğiniz görünümü elde etmek için topluluk tarafından yapılan temaları da yükleyebilirsiniz. Buna ek olarak, HTML, CSS ve JavaScript'ini düzenleyerek Atom'un stilini ve işlevselliğini değiştirmek mümkündür.

Kısacası, editörün nasıl göründüğü ve nasıl çalıştığı üzerinde tam kontrole sahipsiniz. Gerçekten kendin yapabilirsin. Yapımcılarının Atom'un "hacklenebilir" olduğunu vurgulamalarının nedeni budur.

Ancak, istenen değişiklikleri yapmak için kodlayıcı olmanıza gerek yoktur. Şimdi göreceğiniz gibi, isteyebileceğiniz şeylerin çoğu zaten elinizin altında.

Son Derece Uzatılabilir

Şimdi Atom'un birçok uzantısı olan paketler olarak adlandırılan en büyük avantajlarından birine geliyoruz. Resmi web sitesinde tam bir kitaplık var, ancak bunları doğrudan düzenleyicinin içinden Ayarlar > Yükle altından da yükleyebilirsiniz.

Buradan herhangi bir paketi ada göre arayın ve bir düğmeye tıklayarak kurun. Aynı menüde, Atom kullanıcıları arasında popüler olan bir dizi özellikli paket de bulacaksınız. Daha fazla ayrıntı öğrenmek için bir pakete tıklayın. WordPress kullanıcılarının kendilerini evlerinde hissedeceklerini söylemiştim.

Uzantılar, yeni renk şemalarından veya proje dosyalarına dosya simgeleri ekleme yeteneğinden, düzenlenmekte olan dosyanın boyutunu gösterme olasılığına kadar herhangi bir şey olabilir. Harika olan şey: Birçok paket, yaptıklarını göstermek için gifler, videolar ve resimler sağlar, bu çok yararlı bir özelliktir.

Aynı ekrandan temaları da yükleyebilirsiniz. Bunun için arama çubuğunun yanındaki düğmeyi Temalar olarak değiştirmeniz yeterlidir.

Sözdizimi Vurgulama ve Otomatik Tamamlama

Elbette Atom, herhangi bir modern metin düzenleyiciden beklenen özelliklerle birlikte gelir. Bunlardan ikisi sözdizimi vurgulama ve otomatik tamamlamadır.

Ne anlama geldiklerini bilmiyorsanız, ilki kod sözdiziminin farklı öğelerini farklı renklerde vurgulama seçeneğidir.

Bu şekilde, her şeyi anlamak ve hataları kontrol etmek çok daha kolay hale gelir (çünkü dizeler tamamlanmadıkça renkleri değiştirmez). Girintiler ve diğer düzen seçenekleriyle birlikte bu, biz insanlar için kod okunabilirliğini büyük ölçüde artırır (bilgisayarlar o kadar umurunda değildir).

Otomatik tamamlama, cep telefonunuzdan alışık olduğunuza benzer. Sadece yazmaya başlayın ve editör, girmeye çalıştığınız şey için önerilerde bulunacaktır. Kod genellikle çok tekrarlı olduğundan, bu çok yardımcı olabilir ve zaman kazandırabilir.

Her ikisi de Atom'da varsayılan olarak etkinleştirilir. Belirli bir dosya türüyle biten ( .php gibi) herhangi bir dosyayı açarsanız, kod düzenleyici sözdizimini otomatik olarak vurgulayacak ve otomatik tamamlama önerileri sunacaktır.

Yine de, yeni bir dosya üzerinde çalışırken bile, Düzen menüsünden doğru programlama dilini manuel olarak seçebilirsiniz.

Atom, düzinelerce farklı dil için yerel desteğe sahiptir (ön işlemciler Sass ve Less dahil) ve paketler aracılığıyla ek diller eklenebilir.

Bulanık Arama Fonksiyonu

Atom'da eksik olmayan bir diğer standart özellik de arama ve değiştirme yeteneğidir.

Değişkenlerle ve kod kadar tekrarlanmaya meyilli bir şeyle çalışırken, birkaç durumda bir öğeyi değiştirmeniz gerekebilir (değişen renk kodu gibi).

Bunu yapmak için Atom, kapsamlı bir Ara ve Değiştir işlevine sahiptir. Çok uzak çok iyi. Ancak Atom'u biraz farklı kılan şey, bulanık aramayı da desteklemesidir.

Bu, birkaç proje dosyasında ve açık sekmelerde bir şeyler bulabileceği anlamına gelir. Ayrıca tam olarak ne aradığınızı girmenize gerek yoktur. Bulanık arama, "2.js"yi aradığınızda index2.js adlı bir dosya gibi kısmi isabetler de bulacaktır.

Son olarak, yalnızca son sürüm kontrolü taahhüdünüzden bu yana değiştirilen dosyaları aramayı da seçebilirsiniz ve Atom ayrıca paketinde bulanık arama ve dizin araması kullanır.

Diğer özellikler

Atom, üstteki özelliklere ek olarak birkaç şeyle daha geliyor:

• Git Diff – Son Git taahhüdünüzden bu yana eklenen, değiştirilen veya silinen satırları vurgular
• Markdown Preview — Markdown'da yazılmış dosyaları önizleyin
• Github'da aç – Github deposundaki aktif dosyaları ve projeleri görüntüleyin
• Paket Oluşturucu — Dizine yüklemek için kendi paketlerinizi veya temalarınızı oluşturun
• Yazım Denetimi – Düz metin, İşaretleme, taahhüt mesajları ve diğer yerlerdeki dil hatalarını kontrol eder
• Parçacıklar – Hızlı ekleme için kısayollarla kod parçacıkları oluşturun

Neler İyileştirilebilir?

İlk bakışta Atom, kod düzenleyicinizi kullanmak için çok sağlam bir seçenek gibi görünüyor. Çok sayıda kullanışlı özelliğe sahiptir ve hemen hemen her kullanıcının ihtiyaçlarını karşılayacak şekilde genişletilebilir. Tabii ki, her şey mükemmel değil ve iyileştirmeye de yer var.

Büyük Dosya Boyutu

Atom ile ilgili en şaşırtıcı şeylerden biri, nispeten büyük boyutudur. İndirme dosyası zaten 93.6MB büyüklüğünde ve sadece standart kurulum 400MB kadar yer kaplıyor. Bu, terabaytlarca veri depolayabilen sabit diskler açısından çok fazla olmasa da, rakibi Sublime'ın yükleyicisinin on kat (!) daha küçük olması dikkat çekicidir. Elbette, bunun için çok şey alıyorsunuz ama yine de görmek şaşırtıcı.

Performans Sorunları

Atom ile ilgili diğer bir yaygın şikayet, nispeten yavaş olması ve özellikle büyük dosyaları düzenlerken donma eğiliminde olmasıdır. Bunu kendi bulgularımdan doğrulayamasam da, internette defalarca okuduğum bir şey.

Söyleyebileceğim tek şey, Atom kod düzenleyicisinin tamamen dizüstü bilgisayarıma yüklenmesinin yaklaşık sekiz saniye sürmesi. Öte yandan, her zamanki düzenleyicim olan Notepad++, zamanın yarısından daha az zaman alıyor. Benim için gerçekten bir sorun değildi ama yine de bahsetmeye değer.

Özetliyor…

Kod ve metin düzenleyiciler, web geliştirme ve web sitesi oluşturmaya daha derine dalmayı planlayan veya WordPress'teki özelleştirme seçeneklerinden tam olarak yararlanmak isteyen herkes için standart bir araçtır.

Mevcut birçok seçenek arasında Atom güçlü bir aday. Ücretsiz editör, kutudan çıktığı gibi harika işlevsellik sunar, yeni başlayanlar için bile kullanımı kolaydır ve tamamen özelleştirilebilir.

Yazılımın en güçlü yanı, kesinlikle onu daha iyi hale getirmek için yorulmadan çalışan arkasındaki topluluktur. WordPress platformunun kullanıcıları, hayal edebildikleri hemen hemen tüm işlevler için uzantılar bulabilmenin tanıdık hissini ve araçlarını değiştirmek için sonsuz seçenekleri takdir edeceklerdir.

Bir kez daha, açık kaynak, binlerce insanın hayatını ve işini daha iyi ve daha kolay hale getiren harika bir şey yaratıyor.

Şimdi sizden haber almak istiyoruz. Atom ile çalışıyorsanız, lütfen bize bulduğunuz en kullanışlı uzantılardan bahsedin, böylece herkes onlardan faydalanabilir.