Efektywne wykorzystanie WebStorm IDE

Question

Niedawno zakochałem się w WebStorm jako IDE dla rozwoju JavaScript. Problem polega na tym, że pochodzę ze świata vim i lekkich edytorów, więc prawdopodobnie nie jestem w stanie w pełni docenić całej mocy, jaką zapewnia IDE. Tak, widziałem prezentacje i czytałem dokumenty, ale jest wiele funkcji i nie jestem pewien, które z nich są naprawdę przydatne.

Oto moje pytanie: jak korzystać z WebStorm i co uważasz za najbardziej przydatne? Jakieś wskazówki dotyczące korzystania z energii? Hacki konfiguracyjne? Czy warto wspomnieć o wtyczkach?

Nie szukam listy funkcji, szukam przykładów użycia i wyświetleń w realnym świecie.

PS. Pracuję głównie z czystym elementem JS + Canvas i niektórymi NodeJS.

Answer 1

Niektóre losowe myśli, może więcej później ....

w pomocy, na pewno zapoznać się z podstawowymi pojęciami i odtłuszczone wytycznych stosowania WebStorm dla działań, które Cię interesują.

Naucz się używać Ctrl-Shift-A. Pozwala to jednoznacznie znaleźć działania, które można wykonać, wpisując ich część. Dzięki temu możesz znaleźć wszystko, gdy już wiesz, że istnieje.

Najlepsza magia w WebStorm (jak IntelliJ) to uzupełnianie kodu i funkcje refaktoryzacji, które pochodzą z analizy kodu i świadomości. Przedstawia wiele rzeczy, ale możesz pomóc, tworząc dobre pliki źródłowe. Umieść skomentowane wersje bibliotek, których używasz w swoim projekcie, aby mógł wykorzystywać te komentarze do wyświetlania w wyskakujących okienek dokumentach (wystarczy je tylko w katalogu).

Pamiętaj, aby pozostawić wskazówki.

Ich fora są przydatne, ale jeśli masz problem lub prośbę o funkcję, umieść to na youtrack.com. Tam są bardziej responsywni. Możesz również głosować na rzeczy, które chcesz dodać.

Jeśli jeszcze go nie widziałeś, istnieje wtyczka VIM, która da Ci klucze do edytora VIM, o nazwie IdeaVim.

Answer 2

Cechy znaleźć najbardziej przydatne: formatowanie

• kodu. Formater WebStorm jest najlepszy jaki widziałem (oczywiście, wciąż ma kilka subtelnych błędów).

• Wbudowany serwer HTTP: 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?

• integracja JsTestDriver.

• Wtyczki. Zawsze możesz znaleźć coś pożytecznego.