Bir önceki makalemizde, bütçesi olmayan geliştirici kardeşlerimiz için "bence" en iyi alternatif olan Brackets'i incelemiştik. Bu makalemizde ise, bu işe biraz olsun para ayırabilecekler için yine "bence" en iyi alternatifi inceleyeceğiz.

Karşılaştırma için yine daha önceden bireysel olarak kullandığım Visual Studio, Sublime ve WebStorm'u ele aldım.

Ben bu makaleyi yazarken, Visual Studio ile olan beraberliğimizin  16. yılını tamamlıyorduk. Buna rağmen itiraf etmem gerekiyor ki WebStorm, şimdiye kadar karşılaştığım en iyi IDE. Hayal ettiklerimin ötesinde, hayal etmediklerimi de kullanımıma sundu.


Java'dan .Net'e geçen bir arkadaşım, "Eclipse'den Visual Studio'ya geçenler, Visual Studio'yu beğenebilir ancak IntelliJ karşısında Visual Studio'nun hiçbir şansı olamaz" demişti. İşte Java dünyasında IntelliJ neyse, JavaScript dünyasında da WebStorm odur. Zaten ikisini de aynı firma üretiyor ve PHPStorm gibi diğer dillere yönelik uygulamaları da var. Jetbrains isimli bu firmanın tanınan diğer ürünleri, ReSharper, TeamCity ve YouTrack şeklinde sıralanabilir.



Okuyanlar siteye reklam aldığımı düşünebilir ama bu adamlar gerçekten de yaptığı işin hakkını veriyor, taktir etmemek mümkün değil. Epeyi övdüm, şimdi gerekçelerine gelelim. Uzun bir liste olacak.



Not : Sublime hayranları WebStorm tercihime bozulabilirler ancak her ikisini de kullanmış biri olarak WebStorm'a bir şans vermelerini tavsiye ediyorum.


Cross Platform

Kişisel takıntım ile başlayalım. Uygulamayı kullanmak için herhangi bir işletim sistemi dayatması söz konusu değil. Windows, Linux ve Mac OS işletim sistemlerinde çalışabiliyor. Hatta aldığımız tek bir lisans ile kendimizin sahip olduğu birden fazla makine ve işletim sisteminde de kurulum yaparak kullanabiliyoruz. Burada iyi niyet çerçevesinde herhangi bir kısıtlama getirilmemiş.



Uygun Fiyat

Ben bu makaleyi yazarken, bireysel satın alma fiyatı $49'dı. Bu fiyatın içerisinde, satın alınan tarihten sonraki 1 yıl içerisinde çıkacak tüm yeni versiyonlara ücretsiz sahip olmak da dahil. Bir yılın sonunda kurulum/kullanım hakkımız yine devam ediyor ancak çıkan yeni versiyonları artık indiremiyoruz. İndirmek için sonraki senelerde de, yıllık $29 ücret ödememiz gerekiyor.



Debugging

Açıkça söylüyorum, JavaScript ile Debugging konusunda WebStorm'dan daha iyisini tanımıyorum. Normalde hiçbir IDE Chrome Developer Tools'un önüne geçemezdi ancak WebStorm bana F12 tuşunu unutturdu.

Şunu hayal et. Ön yüzü Angular.JS, arka tarafı da Node.JS olan uçtan uca JavaScript bir uygulama geliştirdik. WebStorm ile Debugging'e Angular ile ön yüzden başlıyoruz. Adım adım giderken, sunucu tarafına bir çağrıda bulunuyoruz ve kesintisiz şekilde Debugging'e sunucu tarafında da devam ediyoruz. Sunucu tarafında da adım adım süreci takip edip geri dönüyoruz ve tekrar istemci tarafını Debug ediyoruz. En önemlisi de, tüm bunları yaparken WebStorm'dan hiç ayrılmıyoruz.

Watch ve SourceMap Debugging gibi standart Debug özelliklerinden zaten bahsetmiyorum ama şu kadarını söyleyeyim, Node.JS ile Debug işlemini bu kadar kusursuz beceren başka bir IDE tanımıyorum. Üstelik Node'u kendi üzerinde çalıştırarak Debug edebildiği gibi, hali hazırda çalışan bir Node uygulamasına da Remote olarak bağlanıp Debug edebiliyor. Ayrıca aşağıdaki platformların Debug'ını yapma özelliği de varsayılan olarak geliyor.



Refactoring

Endüstri standardı programlama dillerinin IDE'lerinde varsayılan olarak bulunan Refactoring işlemi, WebStorm'da JavaScript için de bulunuyor.



Test ve Code Coverage

WebStorm ile hem istemci, hem de sunucu tarafında yazdığımız testleri çalıştırabiliyoruz. Test sonuçlarını ve hataların sebeplerini görmemizin haricinde, yazdığımız testlerin kodun % kaçını kapsadığını da dosya bazında takip edebiliyoruz.



Problem Analizi ve Hızlı Onarımlar

Biz kodumuzu yazarken, WebStorm bir yandan sık yapılan hatalar için kodumuzu denetliyor ve bunlardan birine rastlarsa bizi uyarıyor. Bu noktada problemi kendimiz düzeltebileceğimiz gibi otomatik olarak düzeltilmesini de talep edebiliyoruz.


Ayrıca kodumuzu yazdıktan sonra potansiyel problem sebeplerini de listeleyebiliyoruz. Bunlar kendi aralarında, çalışmaya engel olacak problemler, olmasa iyi olacak problemler ve önemsiz ama Senior Developer'a yakışmayan problemler şeklinde gruplanıyor.



Tarayıcı Uyumluluk Analizi

Yazdığımız kodlarda eğer ki sadece belirli tarayıcılarda çalışacak komutlar kullanıyorsak, tarayıcı uyumluluk analizi ile bunun farkına varabiliyoruz. Intellisense için açılan Popup'da komutun sadece belirli tarayıcılarda çalıştığına dair uyarılar görüntüleniyor.



Source Control Entegrasyonu

WebStorm, varsayılan olarak Git, Github, SVN, CVS ve Mercurial entegrasyonlarını destekliyor. Bu konuda o kadar başarılı ki, ben şahsen Source Control'a bağlanıp işlem yapmak için ekstra hiçbir istemci uygulamaya ihtiyaç duymuyorum. Standart entegrasyon işlemlerinin yanında Conflict çözme ve Code Merge gibi işlemleri de destekliyor.



Task List Entegrasyonu

WebStorm, başta kendi popüler ürünleri YouTrack olmak üzere, pek çok popüler Task Management uygulaması ile entegre olma özelliğini taşıyor. Mevcut Task'ları listeleme ve statü değiştirme gibi standart işlemlerin haricinde, Source Control'e Commit sırasında yazdıklarımızı bu Task'lar ile ilişkilendirebiliyor ve ona göre Comment ürettirebiliyoruz. 



In-String Intellisense

İşte önünde saygıyla eğildiğim bir özellik daha. Bu arkadaş, JavaScript tarafında string ifade içerisine yazdığımız HTML kodları tanıyor ve burada da hem HTML, hem de CSS için Intellisense desteği sağlıyor.



Dahili Web&Node Server

IDE içerisinde dahili Web Server olduğunu söylemeye gerek yoktur muhtemelen ancak WebStorm, Node uygulamalarını da kendi üzerinde ayağa kaldırıyor. Böylece hem değişiklik sonrasında Node'u restart etme derdinden kurtuluyoruz hem de test işlemlerini de Debug edebiliyoruz.



Live Edit

Brackets için Live Preview olarak anlattığım özellik, WebStorm'da Live Edit olarak karşımıza çıkıyor. Yaptığımız değişiklikler Refresh'e gerek kalmaksızın anında sayfaya yansıtılıyor. 



Terminal/Command Prompt Penceresi

WebStorm'u tasarlarken, uygulama geliştiren kişiyi IDE'den ayırmama konusunu o kadar iyi düşünmüşler ki, IDE'nin alt tarafına bir adet de terminal/command prompt penceresi eklemişler. Böylece, örneğin Grunt komutları gibi rutin işlemler için de IDE'den ayrılmamıza gerek kalmıyor.



FTP, Remote Dosya Senkronizasyonu ve Deployment

Doğruya doğru, ben bu özellikleri pek kullanmadım. Muhtemelen front end developer olmadığım için ihtiyacım olmadı ama bu işle uğraşan arkadaşlar, direk WebStorm üzerinden sunucuya kurulum ve senkronizasyon yaptırabilirler.


Plug-in Desteği

Normalde WebStorm ilk yüklendiğinde, temel JavaScript Development ihtiyaçlarımızı karşılayacak şekilde geliyor. Ancak örneğin Underscore gibi kullandığımız diğer kütüphaneler için de Intellisense, kod tanıma ve renklendirme gibi özellikler için, ilgili kütüphanenin Plug-in'ini ayarlardan yüklemek gerekiyor. Plug-in desteği de oldukça geniş. Benim arayıp da bulamadığım hemen hiçbir kütüphane çıkmadı.

Angular.JS için de ilgili Plug-in'i seçmek gerekiyor, baştan söyleyeyim. Sonra kimse, "Vay efendim, Angular'ı bile desteklemiyor" demesin.



Otomatik Kod Üretimi

İşte ilginç bir özellik daha. WebStorm ile sık yazdığımız bazı kodların otomatik üretilmesini sağlayabiliyoruz. Hemen bir örnek vereyim.


Yukarıdaki örnekteki gibi iki body arasına "table>tr*3>td*2" yazarak Tab tuşuna basıyoruz. Arkadaş bizim 3 satırı ve 2 sütunu olan bir tablo istediğimizi anlıyor ve hemen aşağıdaki kodu üretiyor.





İnan bana, anlatmaya kalksam bir bu kadar daha özellik çıkar ama ben en genel çerçevesi ile değinmeye çalıştım. Adamlar iyi iş çıkartmış ve iyi fiyattan kullanımımıza sunmuşlar. İnsan kullandıkça, geliştiricilerinin düşünme tarzına hayran kalıyor ve "İyi ki almışım" diyor. Ben şahsen, bu IDE'nin parasını fazlasıyla hak ettiğini düşünüyor ve gönül rahatlığıyla almak isteyenlere tavsiye ediyorum.


Yorum Gönder

  1. It is a PHP Editor focused on creator productivity that profoundly comprehends your code, gives brilliant code finish, quick route, and the misstep was watching that are on-the-fly. It is regularly arranged to help you to shape your Through the online class, Gary Hockin will diagram includes that are new huge changes earned this dispatch: formSupport of Codeception screening structure.

    YanıtlaSil

 
Top