Webstorm: Jak zlokalizować nieużywany kod w projekcie?

Opublikowano: 04.08.2022 - tagi: Webstorm Narzędzie Porada Kod Szukanie

Martwy kod zaśmieca projekt. Skoro go nie używamy to warto go skasować prawda?

Problem pojawia się kiedy pracujemy w dużym projekcie i trzeba sprawdzić wiele plików. Na szczęście Webstorm udostępnia funkcjonalność, która wskazuje miejsca, gdzie znajduje się nieużywany kod.

Jak zlokalizować martwy kod?

Więc po krok po kroku:

  1. Przejdź do: ustawień (skrót: CTRL + ALT + S): File -> Settings -> Inspections.
  2. Znajdź: JavaScript and TypeScript. W drzewku znajdź: Unused symbols.

Domyślnie powinny być zaznaczone wszystkie opcje dla tej kategorii. Jeśli tak nie jest, zaznacz wszystko.

Własny profil inspekcji kodu

Ponieważ jak zauważysz, zaznaczonych jest wiele opcji a Tobie, zależy tylko na znalezieniu martwego kodu, możesz stworzyć specjalny profil dla tej operacji. Zlokalizuj na górze: Profile. Obok znajduje się lista z profilami. Żeby dodać własny, kliknij ikonkę z prawej strony listy. Wybierz opcję Duplicate.... Stworzy nowy profil. Ustaw w nim nazwę na przykład: Dead code. Jest wiele opcji do odznaczenia, ale głowa do góry! Jest szybki sposób na odznaczenie wszystkich opcji. Poniżej listy z profilami jest ikonka: minus w kwadracie kiedy na nią najedziesz kursorem, wyświetli się tooltip z tekstem: Reset to Empty. Kliknij to. Wszystkie opcje są niezaznaczone. Teraz znajdź znowu: Unused symbols. Zaznacz to. Wszystkie opcje dla tej kategorii także zostaną wybrane. Zapisz swoje ustawienia.

Dobra mamy wszystko czas odpalić inspekcję kodu.

Uruchomienie inspekcji kodu

Zamknij okno z ustawieniami. Przejdź do: Code -> Inspect Code....

Wyświetli się okienko. Możesz ustawić sobie lokalizację, w jakim miejscu inspekcja kodu ma się uruchomić. Domyślnie to: Whole project, czyli: cały projekt.

Na koniec wybierz swój profil w Inspection profile.

Kliknij Analyze.

Po chwili wygeneruje się raport z zaznaczonymi miejscami, gdzie znajduje się martwy kod. O ile jakiś istnieje :)