WebStorm 2020.2 Beta – wsparcie WebP i inne zmiany
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.