Ulepszona nawigacja i zmiana nazwy dla komponentów frameworkÓW, aktualizacje dokańczania kodu oparte na sztucznej inteligencji oraz podgląd kolorów Tailwind dla klas CSS.
Najważniejsze informacje
Ulepszona nawigacja i zmiana nazwy komponentów frameworka
Począwszy od wersji 2024.3, akcja Show component usages dla Vue, Svelte i Astro wykrywa użycie komponentów zarówno w importach, jak i szablonach. Funkcji tej można również użyć, wywołując akcję Show component usages w pliku komponentu w widoku projektu.
Refaktoryzacja Rename została rozszerzona o zmianę nazwy użycia komponentów. Podczas zmiany nazwy pliku komponentu lub jawnie zdefiniowanej nazwy, powiązane użycia w szablonach również zostaną zaktualizowane! To zachowanie można wyłączyć, przełączając opcję Wyszukaj użycia komponentów podczas procesu zmiany nazwy i w oknie dialogowym Znajdź.
Asystent AI
Ulepszone uzupełnianie kodu oparte na sztucznej inteligencji
W wersji 2024.3 znacznie ulepszamy uzupełnianie kodu oparte na sztucznej inteligencji dla JavaScript i TypeScript. Nowe podejście łączy szybkie, lokalne uzupełnianie pełnych linii z potężnymi sugestiami opartymi na chmurze, obsługiwanymi przez wewnętrzne LLM firmy JetBrains. To hybrydowe podejście zwiększa szybkość, dokładność i użyteczność, jednocześnie zmniejszając częstotliwość długich i nieistotnych sugestii.
Oto niektóre z kluczowych ulepszeń:
- Podkreślenie jest teraz stosowane do sugerowanego kodu, który wcześniej był zwykłym szarym tekstem.
- Częściowa akceptacja umożliwia szczegółowe stosowanie sugestii, zapewniając większą kontrolę nad zmianami w kodzie:
- Akceptuj sugestie słowo po słowie – ⌥ → / Alt + Prawo.
- Akceptowanie sugestii linia po linii – ⌘ → / Ctrl + Right.
- Tak jak poprzednio, możesz jawnie wywołać uzupełnianie za pomocą ⇧ ⌥ / / Shift + Alt.
- Ulepszyliśmy zbieranie kontekstu przy użyciu strategii RAG.
Sugestie uzupełnienia są teraz dostępne w większej liczbie lokalizacji i są teraz uruchamiane podczas pisania, a nie tylko po naciśnięciu klawisza Enter.
W EAP 3 obsługa uzupełniania kodu opartego na sztucznej inteligencji została również rozszerzona na HTML i CSS (w tym .css, .less, .scss, .sass, .pcss).
Wbudowane podpowiedzi AI
Możesz teraz wchodzić w interakcje z AI Assistant bezpośrednio w edytorze dzięki eksperymentalnej funkcji wprowadzania danych inline, która wykrywa i przetwarza Twoje żądania podczas pisania. Pozwala to wyrazić swoje intencje w języku naturalnym, który AI Assistant natychmiast interpretuje i konwertuje na zmiany w kodzie bez żadnych dodatkowych kroków. Funkcja ta jest obecnie dostępna dla języków JavaScript i TypeScript.
IDE pozostawia fioletowy znak w rynnie obok linii dodanych lub zmienionych przez AI Assistant, dzięki czemu można łatwo zobaczyć, co zostało zaktualizowane.
Jeśli nie podoba ci się początkowa sugestia, możesz wygenerować nową, naciskając klawisz Tab. Możesz także dostosować początkowy monit, klikając fioletowy blok w rynnie lub po prostu naciskając Ctrl + / (Windows/Linux) lub ⌘/ (macOS).
Należy pamiętać, że te ulepszenia są dostępne tylko podczas korzystania z wtyczki AI Assistant.
Podgląd kolorów dla klas CSS Tailwind
Podglądy kolorów dla klas CSS Tailwind są teraz wyświetlane inline w edytorze. Dodaliśmy obsługę metody textDocument/documentColor protokołu Language Server Protocol (LSP), więc wszystkie wtyczki oparte na LSP obsługują teraz tę funkcję po od razu po instalacji.
Obsługa debuggera Bun dla systemu Windows
W EAP 2 wprowadziliśmy obsługę debuggera Bun dla systemu Windows. Ta aktualizacja obejmuje przechodzenie przez program (Step Into, Step Over i Run to Cursor), ocenę wyrażeń oraz obsługę punktów przerwania linii, wyjątków i warunkowych punktów przerwania.
Obsługa debuggera Bun jest obecnie niedostępna w WSL. Jeśli chcesz ją dodać, rozważ głosowanie na WEB-69167.
Opcje stylu kodu dla dekoratorów
Zaimplementowaliśmy nowe opcje stylu kodu dla dekoratorów w JavaScript i TypeScript. EAP 1 wprowadza cztery nowe elementy w podsekcji Wrapping and Braces ustawień Code Style.
UX
Aktualizacje do znalezienia w plikach
Funkcja Znajdź w plikach ma nową opcję zakresu wyszukiwania: Project Files Excluding Git-Ignored. Opcja ta wyklucza wszelkie pliki ignorowane w .gitignore z wyników wyszukiwania, pomagając zawęzić zakres wyszukiwania do odpowiednich części projektu.
Podświetlanie wystąpień zaznaczonego tekstu
Domyślnie WebStorm będzie teraz automatycznie podświetlać wszystkie wystąpienia zaznaczonego tekstu w pliku. Możesz przełączyć tę funkcję w Ustawienia | Edytor | Ogólne | Wygląd.
Inne najważniejsze informacje:
- Wtyczka Database Tools and SQL jest teraz dołączona do IDE, a jej model licencjonowania zostanie zmieniony w nadchodzącej dużej wersji.
- WebStorm domyślnie wyświetla teraz katalog .idea w widoku projektu. Można użyć opcji rejestru projectView.hide.dot.idea, aby przełączyć to zachowanie (WEB-68009).
- Powiadomienie o instalowaniu zależności będzie teraz automatycznie znikać po zainstalowaniu wymaganych zależności za pomocą wiersza poleceń (WEB-65147).
- Ulepszyliśmy nawigację do wbudowanych komponentów Nuxt (WEB-65589, WEB-66625).
- Możesz teraz używać nx jako pakietu karma do uruchamiania testów jednostkowych w projektach Nx (WEB-58994).