Od dziś dostępny jest WebStorm 2020.2 Beta. Nowa wersja wspiera WebP, obsługuje Git zainstalowany w WSL2 oraz korzysta z Prettier jako domyślnego formatera. Poniżej opiszemy najważniejsze zmiany w tym wydaniu.

Zaawansowana obsługa pull requestów GitHub w WebStorm 2020.2 Beta

W pierwszych wiadomościach o wersji 2020.2 EAP, pojawiły się informacje o rozszerzeniu obsługi żądań ściągania GitHub. I faktycznie, teraz można zobaczyć i scalić wszystkie pull requesty.

Oprócz tego zmienił się interfejs – pojawił się nowy układ. Dzięki niemu od razu widać wszystkie niezbędne informacje. Lista żądań pojawia się w oddzielnym oknie po lewej stronie, a klikając dwukrotnie widać wszystkie szczegóły na temat danego pull requesta.

Ponadto w nowej wersji dodano możliwość uruchamiania, żądania i przesyłania recenzji. Dodatkowo korzystną zmianą jest łączenie pull requestów z poziomu IDE. Wcześniej trzeba było korzystać z obejścia w lokalnym oddziale.

Wśród zmian związanych z GitHubem jest także jego obsługa z WSL. WSL staje się częścią ważnego procesu programowania w Windows. Dzięki obsłudze GitHuba zainstalowanego w WSL2, IDE przełącza się między plikami wykonalnymi Git w zależności od lokalizacji projektu. Ta zmiana otwiera nowe możliwości korzystania ze wszystkich funkcji powiązanych z Git. W praktyce wygląda to następująco: projekt jest otwierany z WSL. Następnie IDE automatycznie przełącza się z WSL na Git.

Obsługa formatu WebP

Wcześniejsze wersje WebStorm nie obsługiwały formatu .webp. Traktowały go jako obcy. Z tego powodu trzeba było przechodzić na inne oprogramowania. W WebStorm 2020.2 Beta nie ma już tego problemu. Dodana obsługa formatu WebP pozwala przeglądać obrazy z rozszerzeniem .webp tak samo jak .jpeg lub .png.

Jednym ze sposobów podglądu obrazu jest wciśnięcie klawisza Shift oraz najechanie kursorem na link obrazu w kodzie. Drugim sposobem jest dwukrotne kliknięcie obrazu w oknie narzędzie Projekt. Wyświetla się wtedy podgląd w edytorze.

Nowa akcja z dodawaniem karety na końcu każdej wybranej linii.

Nowa akcja nazywa się Add Caret Per Selected Line. Dzięki niej można szybko umieszczać karety na końcu wybranych linii, a także usuwać zaznaczenie, jeśli zostaną dodane wszystkie linie.

Prettier jako domyślny formater

W WebStorm 2020.2 Beta, jeśli nie korzystasz z wbudowanego formatera, możesz zaznaczyć opcję Ponowne formatowanie kodu i wybrać Prettier jako domyślny formater.

Prettier będzie wywoływany przy każdym użyciu domyślnej operacji formatowania. WebStorm również w domyśle zastosuje formatowanie do wszystkich plików edytowanych w projekcie.

Nowe intencje dla pętli w WebStorm 2020.2 Beta

W nowej wersji WebStorm 2020.2 Beta dodano kilka nowych intencji, które mają pomóc w codziennej pracy. Teraz WebStorm pomaga w konwersji tradycyjnej pętli for z numerycznym indeksem w metodę tablicową forEach.

Z kolei jeśli chcesz wymienić pętle for na instrukcję for..of, IDE pomoże. Wystarczy umieścić karetę na słowie for, aby zobaczyć wszystkie możliwości.

Jako ostatnia – można przekonwertować metodę tablicową .map() w oddzielne deklaracje zmiennych z pętlą for…of.

Poprawiona obsługa reguł w Sass/SCSS

W ubiegłym roku do WebStorm wprowadzono wsparcie dla reguł @use oraz @forward. Korzysta się z nich w Sass i SCSS, a w najnowszej wersji wsparcie zostało rozszerzone.

Skąd pobrać WebStorm 2020.2 Beta?

Najprostszą opcją jest aplikacja Toolbox. Można także pobrać narzędzie z oficjalnej strony internetowej.