:sparkles: PWA :sparkles:
Logo

Piotr Kowalski

Organizator WarsawJS , Trener, YouTuber

WebStorm: Jak być mistrzem wyszukiwania?

Od wielu lat korzystam z WebStorma. Nie jest to zwykły edytor, lecz IDE.

Ten kto nie wie jak jest różnica, to zapraszam tutaj.
Żaneta w przystępny sposób opisuje różnice.

Proces wyszukiwania

Coś dlaczego nie mogę w 100% przerzucić się na VIM-a jest możliwość przeszukiwania projektu pod kątem mojego wyrażenia (proces grep-owania).

Moją tajną bronią w programowaniu jest mechanizm “wyszukiwania”.
Opowiem o nim kiedyś.

W tym wpisie chciałem pokazać czego dzisiaj się nauczyłem, aby korzystanie z WebStorma było jeszcze bardziej efektywniejsze. Wykorzystajmy Find in Path!

File mask - wzorzec nazwy pliku

W polu wyszukiwarki wpisujemy frazę i już możemy skorzystać z możliwość przeszukiwania zawartości projektu pod katem danego ciągu znaków.

Panel wyszukiwania daje więcej możliwości. Jedną z nich jest File mask - czyli zawężenie przeszukiwania projektów do plików, których nazwa spełnia zdefiniowany wzorzec (nr 4 na poniższym screenshocie).

Panel wyszukiwania w WebStorm IDE.

Zadanie: Tylko pliki HTML

I tak jeśli chcielibyśmy szukać określonej frazy np. tylko w plikach HTML wystarczy, że w polu oznaczonym File mask wpiszemy:

*.html

Jak widać, nie jest to wyrażenie regularne.

Negacja

Jeśli nie chcemy szukać w plikach z np. testami to wpisujemy w File mask:

!*.spec.ts

Kilka warunków

Oczywiście możliwe jest łączenie wzorców (masek). Aby to wykonać, wystarczy oddzielić je przecinkiem:

!*.spec.ts,!*.module.ts

Źródło: https://www.jetbrains.com/help/idea/find-and-replace-in-path.html

Tagi: webstorm editor

1 miesiąc i 1 tydzień wcześniej napisałem: Konferencja: FrontEnd Connect 2017 1 tydzień i 5 dni później napisałem: Vue.js na Heroku

Możesz osadzić kod wykorzystując: <pre><code class="{language}"></code></pre>