WordPress Geliştirme için PhpStorm'u nasıl kullanıyoruz?

Delicious Brains ekibinin çoğu, JetBrains'in PHP IDE'si PhpStorm'u go-to kod düzenleyicisi, geliştirme ortamı ve çok yönlü PHP en iyi arkadaşı olarak kullanır.

Ekipten bazıları, Sublime Text ve Visual Studio Code gibi yalın ve hızlı bir kod düzenleyici kullanarak yemin ediyor ve PhpStorm'u çok daha yavaş, daha büyük ve muhtemelen kullanımı göz korkutucu buluyor. Ancak, entegre bir geliştirme ortamı olarak PhpStorm, sadece kod düzenlemekten çok daha fazlasını sunar.

Bu makalede, onu WordPress geliştirme için harika yapan bazı özelliklerde size yol göstereceğim ve neden benim ve diğer birçok kişinin onu sevdiğimi göstereceğim.

WordPress Entegrasyonu

PhpStorm, WordPress teması, eklentisi ve site geliştirme için PhpStorm'u kullanmayı daha da kolaylaştıran çok temiz WordPress desteğiyle birlikte gelir. Yeni WordPress özelliklerinin tam bir özetini burada bulabilirsiniz.

PhpStorm, WordPress ile ilgili bir projeyi tanır ve sizden onu kurulum yolunuza yönlendirmenizi ister. Ayrıca kurulumu PHP Include yollarına eklemek isteyip istemediğinizi kontrol edecektir:

Bu, IDE'nin size bazı mükemmel avantajlar sağlayan WordPress kod tabanını tam olarak anlamasını sağlayacaktır. wp-content dizininiz kurulum yolunun dışındaysa, eklenti ve tema dosyalarının indekslenmesine izin vermek için bunu ekstra bir 'dahil edilen yol' olarak eklemek isteyebilirsiniz.

Kanca Desteği

PhpStorm'un WordPress kod tabanını indekslemesi, eylem ve filtre kancalarının kullanımını gerçekten güçlendirir. Bu muhtemelen benim en sevdiğim özellik ve birkaç parça halinde geliyor.

Bir Hook'un Geri Aramasına Yönelik Gezinme

Kendinizi bir kancanın geri arama işlev adını kopyalarken ve kod tabanınızdaki işlev bildirimini bulmak için kullanırken buluyor musunuz? Artık yok arkadaşım, artık yok. Geri aramada basitçe CMD+Tıklayın (Windows/Linux'ta Ctrl+Tıklayın):

Çağırma Çağrısında Gezinme

Hiç bir WordPress çekirdek eylemine veya filtresine bir işlev bağladınız ve bu kodun nerede yürütüleceğini merak ettiniz mi? Önceden bu, kod tabanında başka bir arama yapmak anlamına geliyordu, ancak şimdi sadece kancanın yanındaki sol olukta, et voila:

Kancaların Kod Tamamlanması

WordPress kod tabanında o kadar çok eylem ve filtre kancası var ki, kendimi sık sık doğru adlandırma için Kod Referansını kontrol ederken buluyorum. Bu, şimdi yeni kod tamamlama eylemi ve filtre adlarıyla halledilir.

wp-content dizininiz WordPress çekirdek dosyalarından farklı bir konumdaysa, eklentiler ve temalar için kancaların ve filtrelerin de dizine eklenmesi için onu ekstra bir içerme yolu olarak ekleyebilirsiniz:

WordPress.org'da arama yapın

WordPress Kod Referansından bahsetmişken, hiç bir WordPress işlevinin belgelerine bakmak istediniz mi? Şimdi, işlevi vurgulayıp içerik menüsünden 'WordPress.org'da Ara'yı seçerek bu çok basit:

Herhangi bir Kancaya gidin

WordPress'te bir kancanın nerede kayıtlı olduğunu mu arıyorsunuz? Bunu PhpStorm içinde 'Sembole Git' seçeneğini kullanarak hızlı bir şekilde yapabilirsiniz. Basitçe CMD-ALT-O'yu kullanın (Windows/Linux'ta Ctrl+Alt+Shift+N) ve bulmak için kancanın adını girin:

kod stili

Burada, Delicious Brains'te, WordPress kodlama standartlarını göz önünde bulundurarak geliştirme konusunda çok başarılıyız ve sonraki birkaç PhpStorm özelliği, bunu geliştirme iş akışımıza entegre etmeyi çok daha kolay hale getiriyor.

PhpStorm, geliştirmekte olduğunuz diller için kodlama stilleri tanımlamanıza olanak tanır. Artık, kodunuzu kodlama standartlarına göre otomatik olarak biçimlendirmenize yardımcı olan WordPress'e özgü bir stille birlikte gelir ('Kod > Kodu Yeniden Biçimlendir' bölümüne bakın).

Kendimize ait birkaç ince ayar ile stili çatalladık. Kullanmaktan çekinmeyin ve herhangi bir sorun bulursanız bize bildirin.

PHP Kod Alıcısı

Kod stilleri, kodu standartlara göre biçimlendirmek için harikadır, ancak standartlar, kodun nasıl yazılması gerektiğine ilişkin kuralları tanımladıkları için yalnızca biçimlendirmeden daha fazlasıdır. PhpStorm, WordPress PHP Sniffer kuralları tarafından tanımlanan WordPress kodlama standartlarına karşı kodunuzla ilgili herhangi bir sorunu tespit etmek için PHP Code Sniffer ile kolayca entegre olmanızı sağlar.

Hem PHP Code Sniffer hem de WordPress kuralları için bir kurulum kılavuzu PhpStorm yardım sitesinde bulunabilir.

Kod koklama, bir tedavi yerine önleme ile ilgilidir ve PhpStorm düzenleyicisindeki sizi sorunlara karşı uyaran entegrasyon son derece yararlıdır. Hepsini yükledikten sonra, kodunuzdaki herhangi bir sorun hakkında anında geri bildirim almaya başlayacaksınız:

Geliştirme araçları

PhpStorm, modern geliştirme uygulamaları için harika, WordPress'e özgü olmayan birçok özellik ile yığılmıştır, ancak burada bahsetmek için çok fazla şey var. Size favorilerimden bazılarını aktarmama izin verin.

WP-CLI

PhpStorm, komut satırı araçlarının sık kullanıcıları için WP-CLI için harika yerleşik destek sunar. Siz yazarken mevcut argümanlara hızlı bir genel bakış sunar ve bir kez yapılandırdıktan sonra desteklenen argümanlar listesi için belgelere bakma ihtiyacını ortadan kaldırır. En çok sevdiğim özellik otomatik öneriler, komutun tamamını hatırlamıyorsanız, PhpStorm size girdinize göre olası komutların bir listesini verir.

Xdebug

Xdebug kullanmadan PHP'de hata ayıkladığım bir zamanı hatırlayamıyorum. PHP için hata ayıklama ve profil oluşturma uzantısıdır ve kodda sorun gidermek, değerleri izlemek, ifadeleri değerlendirmek ve çok daha fazlası için yürütülürken kodunuz üzerinde tam anlamıyla adım atmanıza olanak tanır. PhpStorm, minimum kurulumla Xdebug ile sorunsuz bir şekilde entegre olur ve size var_dump çok daha fazla bilgi verir.

Bir kesme noktası belirlediğinizde ve kodunuz bu noktaya ulaştığında, gerçekten bir saniye ayırıp kaputun altına bakabilirsiniz. Nesneleri ve dizileri genişletebilir, yığın izini görüntüleyebilirsiniz ve PhpStorm'da ifadeyi satır içi değerlendiren hoş bir araç ipucu vurgulu ayrıntısı vardır. Xdebug ile sorun giderme kodunun hızlı demosuna bir göz atın:

Aralık 2020 itibariyle, PhpStorm kullanıcı arayüzü biraz güncel olmasa da bu videonun içeriği hala doğru. Gelecekte videoyu güncellemeyi planlıyoruz

Visual Studio Code'un yanı sıra PhpStorm'da Xdebug ile gelişmiş PHP hata ayıklaması hakkında ayrı, daha ayrıntılı bir makalemiz var. Daha derine dalmak istiyorsanız bunları kontrol ettiğinizden emin olun.

profil oluşturucu

WordPress eklentilerinin, uygulamalarının ve süreçlerinin performansının hatalarını ayıklamak için yararlı bir profil oluşturma aracı içeren PhpStorm'da Xdebug Profiling hakkında daha önce yazmıştık. Xdebug ile birlikte paketlenmiş olmasına rağmen, PhpStorm ile etkinleştirmek için birkaç adım daha vardır.

Kurulduktan ve açıldıktan sonra, profilini çıkarmak istediğiniz işlemi çalıştırabilirsiniz ve bu işlem, php.ini tanımlandığı gibi cachegrind.out.%p biçiminde veri toplamaya başlayacaktır. Daha sonra bu yakalamayı PhpStorm'da 'Araçlar > Xdebug Profiler Anlık Görüntüsünü Analiz Et' aracılığıyla analiz için açabilirsiniz. Her bir işlevin yürütme istatistiklerini görüntüleyebileceğiniz, işlevleri alınan zamana ve yapılan çağrılara göre sıralayabileceğiniz ve ayrıca işlevler için çağrı yığınını derinlemesine inceleyebileceğiniz aşağıdakine benzer bir şey göreceksiniz:

Git ve SVN

Git ve SVN'yi komut satırında kullanabilmeme rağmen, terminal veya başka bir program arasında geçiş yapmamı engellediği için PhpStorm'daki Git & SVN entegrasyonunu kullanmayı seviyorum. Entegrasyon oldukça kaygan: projenizdeki Git ve SVN köklerini otomatik olarak algılar, güçlü bir dosya farkı ve birleştirme kullanıcı arayüzü sunar ve ayrıca seçimlerin veya tüm dosyaların sürüm geçmişini görüntüler.

SVN kullanarak WordPress çekirdeğine düzenli olarak katkıda bulunmaya başladığımızdan beri, 'Uygula' ve 'Oluştur' yama özelliklerini paha biçilmez bir zaman kazandırıcı buldum. Projenizde bir yama dosyası seçin ve içerik menüsünden 'Yamayı Uygula'yı seçin.

Değişikliklerinizden bir yama oluşturmak için, 'VCS > Yama Oluştur' seçeneğine gidin veya belirli dosyalar için 'Sürüm Kontrolü' panelinin 'Yerel Değişiklikler' sekmesindeki dosyaları seçin ve 'Yama Oluştur'u seçin:

GitHub

Projenizde GitHub'da barındırılan uzaktan kumandalarla kayıtlı Git depoları varsa, PhpStorm size birkaç gerçekten güzel özellik sunar. Aslında IDE'nin içinden bir 'Çekme İsteği' oluşturabilirsiniz. Oldukça kullanışlı değil mi? Bir şubeye bazı kodlar atadıktan sonra, 'VCS > Git > Çekme Talebi Oluştur' seçeneğine gidin:

Fork akışını kullanarak geliştirme yapıyorsanız veya GitHub'daki açık kaynak depolarına katkıda bulunuyorsanız, çatalınızı ana depoyla güncel tutmanın ne kadar zor olduğunu bilirsiniz. PhpStorm, teslim alınan çatalınıza bir 'yukarı akış' uzaktan kumandası eklemek de dahil olmak üzere tüm bunları sizin için halleder. 'VCS > Git > GitHub Çatalımı Yeniden Temellendir' seçeneğine gidin. Aşağıdaki hızlı tanıtım videoma göz atın:

Bu videonun içeriği Aralık 2020 itibariyle hala günceldir. PhpStorm içindeki çalışmaların yeniden temellendirilmesi söz konusu olduğunda hiçbir şey değişmedi.

Eğer bir PhpStorm kullanıcısıysanız, umarım burada yeni ve faydalı bir şey bulmuşsunuzdur. Değilse, belki de sizi bir göz atmaya ikna etti? PhpStorm, çoğunuz için en iyi editör olmasa da, iş akışımızda hala çok verimli buluyoruz.

Laracasts'ta PhpStorm'da nasıl harika olunacağına dair harika bir dizi ücretsiz video var, bu video zaman zaman Laravel'e yönelik olsa da, WordPress geliştirme için aynı uygulamaları uygulayabileceğiniz için PhpStorm kullanan geliştiriciler için mükemmel bir kaynaktır.

Favori özellikleriniz neler? Bahsetmeye değer olduğunu düşündüğünüz herhangi birini kaçırdım mı? Yorumlarda bize bildirin.