Nowy rok rozpoczął się wydaniem edytora WebStorm w wersji 2020.3.1. Jest to pierwsza aktualizacja głównego listopadowego wydania. Przede wszystkim w wydaniu znajdują się poprawki błędów. Ponadto WebStorm jest teraz dostępny dla komputerów Mac z nowym chipem Apple – Apple Silicon M1.

Poprawki w aktualizacji edytora WebStorm 2020.3.1

Przede wszystkim dzięki chipowi Apple Silicon edytor WebStorm działa teraz natywnie. Jest to jednak nowość, dlatego też nie działa jeszcze podgląd Markdown. Ponadto obiekty w konsoli debugowania JS nie są rozwijane po kliknięciu. Zespół JetBrains planuje naprawić te problemy w kolejnych aktualizacjach.

Oprócz tego do WebStorm 2020.3.1 wprowadzono poprawki dla Tailwind. Od teraz w kodzie HTML wewnątrz łańcuchów szablonowych JS działa uzupełnianie nazw klas Tailwind.

Kolejne zmiany dotyczą obsługi komponentów w projektach Nuxt oraz wydajności w renderowanej dokumentacji edytora. Teraz klikane są także ścieżki w raporcie ESLint, w oknie narzędzia npm.

Główne wydanie WebStorm 2020.3

Ostatnie główne wydanie edytora, które wydano w listopadzie, zawierało wiele ulepszeń, m.in. obsługa Tailwind CSS czy synchronizacja motywu IDE z ustawieniami systemu operacyjnego.

Najważniejsze zmiany WebStorm można obejrzeć na poniższym filmie:

Udoskonalenia

Wprowadzone zmiany w wyświetlanym ekranie powitalnym znacznie uprościły początkową konfigurację IDE.

Pozwoliły one także na wspomnianą już synchronizację motywu IDE z ustawieniami systemu operacyjnego. Wygodniejsza stała się również praca z kartami.

Nowe technologie

Najważniejszą i najbardziej wyczekiwaną zmianą jest dodana obsługa Tailwind CSS. Oprócz tego teraz IDE WebStorm sugeruje stworzenie odpowiedniej konstrukcji kodu dla komponentów React. Ulepszenia technologiczne dotyczą także Vue.js. Edytor obsługuje nową składnię <script setup>, a środowisko IDE poprawnie korzysta z reguł stylu kodu ESLint. Ciekawą rzeczą jest także pasek nawigacji, który pozwala przeglądać strukturę projektu. Ostatnią zmianą jest dostarczenie pełnego wsparcia dla menedżera pnpm.

Podsumowanie WebStorm 2020.3.1

Główne wydanie edytora WebStorm wprowadziło specjalną wtyczkę edukacyjną. Jest to interaktywny kurs szkoleniowy z podstawami działania, takimi jak refaktoryzacja kodu, oraz ciekawymi opcjami.

Aktualizację można pobrać przy pomocy aplikacji Toolbox, bezpośrednio ze środowiska IDE lub z oficjalnej strony internetowej.

Źródła: Blog JetBrains – Webstorm 2020.3, Blog JetBrains – Webstorm 2020.3.1