Что нового в WebStorm 2024.3

Мы улучшили подсказки в редакторе для компонентов Vue, Svelte и Astro. Действие Show component usages теперь находит использования как в импортированных файлах, так и в шаблонах разметки. Мы также добавили фильтр Show Component Usages, который позволяет исключать упоминания компонента при поиске обычных ссылок на файлы. Кроме того, в рефакторинг Rename добавлена опция, которая позволяет автоматически обновлять все упоминания компонента при переименовании его файла.

Теперь инструменты для работы с базами данных и полноценная поддержка SQL, которые раньше были доступны через платный плагин, входят в WebStorm без дополнительной оплаты. Вы можете выполнять запросы и управлять базами данных прямо в IDE. Это расширяет возможности WebStorm для бэкенд- и фулстек-разработки, а также упрощает переключение между разными JetBrains IDE, так как большинство из них теперь включают эту функциональность.

Мы постарались устранить основные проблемы, связанные с качеством работы AI Assistant. В этой версии улучшено автодополнение для JavaScript и TypeScript и добавлена поддержка HTML и CSS. За счет комбинации локального автодополнения строки целиком с облачными подсказками на базе собственных LLM-моделей JetBrains нам удалось повысить скорость и точность, снизив количество нерелевантных предложений.

Подробности в нашем блоге.

Теперь в редакторе отображается превью цвета для классов Tailwind CSS — так их проще различать. Мы добавили поддержку метода textDocument/documentColor из протокола языкового сервиса (LSP), поэтому теперь все плагины на базе LSP автоматически поддерживают эту функцию.

В проектах на Angular 19 теперь по умолчанию используется автономный режим для компонентов, директив и пайпов. Добавлены быстрые действия для преобразования автономных компонентов в обычные и наоборот. Неиспользуемые автономные импорты можно автоматически удалять при форматировании кода или с помощью новой инспекции. Кроме того, улучшена поддержка синтаксиса @let.

WebStorm теперь правильно обрабатывает файлы .prettierignore в подпапках, где есть package.json, так что игнорируемые файлы не будут форматироваться. Вы можете задавать собственные файлы игнорирования с помощью новой опции в настройках: Settings | Languages & Frameworks | JavaScript | Prettier.

Vue Language Server теперь встроен в WebStorm, что повышает надежность и устраняет проблемы с загрузкой на WSL. В дальнейшем мы планируем сделать то же самое для Svelte, Astro и других технологий.

Мы добавили поддержку атрибута <script module>, чтобы символы из этих блоков правильно разрешались. Также появился новый флажок для отключения предупреждений о доступности (a11y) в SvelteKit, чтобы у вас было больше контроля над уведомлениями.

Мы поменяли расположение действия Rename в контекстном меню при его вызове в редакторе и в окне Project. Теперь оно находится в самом верху, чтобы вам было удобнее переименовывать файлы, переменные и другие элементы.

Теперь WebStorm по умолчанию исключает папку node_modules из поиска по файлам в директориях проекта, убирая лишние файлы из выдачи. Если вы хотите вернуть прежнее поведение, включите опцию Search in library files when “Directory” is selected in Find in Files в разделе Settings | Advanced Settings.

Теперь WebStorm по умолчанию подсвечивает все вхождения выделенного текста в файле. Так сразу хорошо видно, где в коде встречается выбранный текст. Настроить функцию можно в разделе Settings | Editor | General | Appearance.

Раньше папка .idea, в которой WebStorm хранит внутренние настройки конфигурации, по умолчанию была скрыта. Это усложняло некоторым пользователям процесс коммита общих настроек проекта. Теперь мы сделали ее видимой в окне Project, чтобы упростить работу с конфигурациями.

WebStorm теперь автоматически исключает ненужные файлы в папке dist из индексации, чтобы оптимизировать использование ЦП и ускорить индексацию.

Теперь вы можете настраивать фоновые проверки во время коммита с помощью новой опции: Settings | Version Control | Commit | Advanced Commit Checks | Run advanced checks after a commit is done. Она позволяет запускать тесты и проверки после коммита. Если вы хотите, чтобы коммит совершался только по завершении проверок, просто отключите эту опцию.