WebStorm IDE'nin verimli kullanımı

Question

Kısa bir süre önce JavaScript'in geliştirilmesi için bir IDE olarak WebStorm'a aşık oldum. Sorun şu ki, bir vim ve hafif editörler dünyasından geliyorum, bu yüzden muhtemelen IDE ile gelen tüm gücü tam olarak anlayamıyorum. Evet, sunumları gördüm ve dokümanları okudum, ama çok fazla özellik var ve hangisinin gerçekten yararlı olduğuna emin değilim.

İşte, benim soru şudur: WebStorm'u nasıl kullanırsınız ve en kullanışlı olanı nedir? Herhangi bir güç kullanımı ipucu? Yapılandırma hack? Eklentilerden bahsetmeye değer?

Özelliklerin listesini aramıyorum, gerçek dünya kullanım örnekleri ve izlenimler arıyorum.

PS. Çoğunlukla saf JS + Canvas öğesi ve bazı NodeJS ile çalışıyorum.

Answer 1

Bazı rasgele düşünceler, daha sonra belki daha fazla .... yardım olarak

, kesinlikle önemsediğiniz eylemler için WebStorm Kullanım Kuralları Temel Kavramları okuyup yağsız.

Ctrl-ÜstKrkt-A kullanmayı öğrenin. Bunların bir kısmını yazarak yapabileceğiniz eylemleri tek tek yapmanızı sağlar. Bununla, var olduğunu bildiğiniz zaman bir şey bulabilirsin.

WebStorm'un (IntelliJ gibi) en iyi sihiri, kod ayrıştırma ve farkındalığından kaynaklanan kod tamamlama ve yeniden sıralama özellikleridir. Çok fazla şey ifade ediyor, ancak iyi kaynak dosyalarınıza sahip olmanıza yardımcı olabilirsiniz. Projenizde kullandığınız kitaplıkların yorumlanmış sürümlerini koyun, böylece bu yorumları doc açılır pencerelerinde görüntülemek için kullanabilirsiniz (yalnızca dizinde bulundurmanız yeterlidir).

İpuçlarını açık bıraktığınızdan emin olun.

Onların forumları yararlıdır, ancak bir sorun veya özellik isteğiniz varsa, bunu youtrack.com'a verin. Orada çok daha duyarlılar. Eklemek istediğiniz şeylere de oy verebilirsiniz.

Henüz görmediyseniz, IdeaVim adı verilen VIM düzenleyici anahtarlarını size verecek bir VIM eklentisi vardır.

Answer 2

Özellikleri Ben en yararlı buluyorum:

• Kod biçimlendirme. WebStorm'un biçimlendiricisi, gördüğüm en iyisidir (tabi ki, bazı ince hatalar da vardır).

• Dahili HTTP sunucusu: http://blog.jetbrains.com/webstorm/2013/03/built-in-server-in-webstorm-6/, How to open/debug current file using built-in Web server in WebStorm?

• JsTestDriver entegrasyonu.

• Eklentiler. Her zaman yararlı bir şey bulabilirsin.