Что нового в WebStorm 2022.3

Мы переработали мастер создания проектов на начальном экране WebStorm. В предыдущей версии мы удалили шаблоны для AngularJS, Cordova и Meteor, а на этот раз добавили шаблоны для Vite и Next.js, а также привели шаблон для Vue в соответствие с последними стандартами.

WebStorm теперь поддерживает Vitest, нативный Vite-фреймворк для юнит-тестирования. Вы можете запускать, перезапускать и отлаживать тесты всеми привычными способами, в том числе пользуясь значками на полях редактора. Кроме того, для сценария All Tests по умолчанию включен watch-режим. В этом режиме поддерживаются снэпшот-тестирование и анализ покрытия, что позволяет получать практически мгновенную обратную связь о покрытии кода тестами.

WebStorm 2022.3 позаботится о неразрешенных импортах и предложит варианты для импортирования Vue-компонентов. Кроме того, мы поддержали синтаксис деструктурирования входных параметров, улучшили автодополнение кода и проверку типов для входных параметров компонентов Vue-библиотеки, а также исправили несколько проблем с Nuxt 3.

В этой версии есть еще одно улучшение для Vue, на которое стоит обратить внимание — новые шаблоны кода, или Live Templates, как они называются в WebStorm. Их можно использовать для быстрого добавления таких часто используемых конструкций, как script setup и export default. Чтобы просмотреть доступные шаблоны, перейдите в Preferences / Settings | Editor | Live Templates и разверните раздел Vue.

Мы добавили поддержку сужения типов в шаблонах Angular, что позволяет получать более точную информацию о типе и предлагать более релевантные варианты автодополнения. Кроме того, WebStorm теперь исключает папку кэша .angular из глобального поиска для выдачи более точных результатов.

Функция Code Vision из IntelliJ IDEA и Rider добралась и до WebStorm. Она собирает различные метрики типов и членов типов в JavaScript и TypeScript-коде и отображает эту информацию рядом с их объявлениями. Это помогает отслеживать использование различных классов, методов, интерфейсов и псевдонимов типов в вашем коде. Для настройки Code Vision перейдите в Preferences / Settings | Editor | Inlay Hints.

Мы добавили несколько улучшений для тех, кто пользуется монорепозиториями и TypeScript. Навигация, автоматический импорт и рефакторинг Rename теперь работают более надежно. Это относится ко всем популярным менеджерам пакетов, включая npm, Yarn и pnpm.

В WebStorm 2022.3 появилось новое действие для сортировки объектов JavaScript и TypeScript в алфавитном порядке. Оно сортирует все свойства внутри объекта по алфавиту. Чтобы применить это действие, выделите объекты в методе, нажмите Alt+Enter и выберите Sort properties alphabetically.

В начале года мы открыли ограниченный доступ к новому интерфейсу во всех наших IDE. Так мы познакомили первых пользователей с обновленным внешним видом наших продуктов. Теперь мы предлагаем оценить новый интерфейс всем пользователям: переключайтесь на него в настройках Preferences / Settings | Appearance & Behavior / New UI и делитесь с нами своими впечатлениями. To learn more about the changes, watch this webinar recording.

Чтобы вам было проще организовать рабочее пространство и удобнее взаимодействовать с WebStorm на нескольких мониторах, мы добавили возможность перетаскивать окна инструментов из главного окна и прикреплять их к плавающим вкладкам редактора.

Мы усовершенствовали алгоритм выдачи результатов поиска Search Everywhere. IDE теперь фиксирует первые появившиеся результаты и не пересортировывает их по мере нахождения новых вариантов. Кроме того, объекты на вкладке Files теперь ранжируются на основе машинного обучения, что повышает точность результатов поиска.

Мы сделали новый плагин для синхронизации настроек — Settings Sync. Он позволяет синхронизировать большинство платформенных настроек, настройки встроенных и некоторых сторонних плагинов. Обратите внимание, что мы прекращаем поддержку старого плагина IDE Settings Sync и убираем из комплекта Settings Repository. Все подробности читайте в нашем блоге.

Мы усовершенствовали Tip of the Day — полезные подсказки, помогающие освоить WebStorm. Теперь советы можно оценивать. Кроме того, мы переработали алгоритм их подбора, чтобы показывать вам только самые актуальные подсказки — с учетом вашего опыта использования IDE и специфики проекта, над которым вы работаете.

Мы изменили поведение IDE при вставке (Ctrl+V). Теперь, когда вы копируете (Ctrl+C) или вырезаете (Ctrl+X) строку без выделенного кода, содержимое буфера обмена будет вставляться не там, где стоит курсор, как это было в предыдущих версиях, а строкой выше. Такое поведение можно отключить в настройках: Preferences / Settings | Advanced Settings.

В WebStorm теперь можно заранее посмотреть, что произойдет, если вы примените выбранное действие. Превью отображается, когда вы открываете список доступных intention-действий и наводите курсор на разные опции. Функция выключается нажатием Ctrl+Q, когда открыт список intention-действий.

WebStorm 2022.3 обнаруживает уязвимости в пакетах, используемых в ваших проектах, путем проверки по базам данных Checkmarx SCA Database и National Vulnerability Database. IDE подсветит потенциально уязвимые пакеты и предложит доступные исправления.

Появилось новое быстрое исправление для подавления инспекций с помощью комментария в YAML-файлах, в том числе в файлах docker-compose.yml, Kubernetes и спецификациях OpenAPI. Мы также добавили возможность сворачивать многострочные комментарии, которые составляют блок из трех или более строк и начинаются с # — нажимайте на плюс и минус слева от комментария.

WebStorm теперь поддерживает подключения к Docker, запущенному в WSL. Кроме того, мы добавили новое действие Pull Docker image, полную поддержку файлов .dockerignore и синтаксиса heredoc, а также возможность выполнять подключение к Docker с помощью Docker Contexts. Подробности — в блоге.

Мы переработали интерфейс Review list, и теперь вам сразу видна самая важная информация о реквестах. Мы также обеспечили единообразный внешний вид и функциональность для всех поддерживаемых платформ, на которых выполняется ревью.

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

HTTP-клиент теперь поддерживает выполнение блоков скриптов перед запросами. Можно генерировать некоторые данные до выполнения запроса и передавать их в конечный запрос с помощью переменных. WebStorm теперь также предоставляет crypto API, позволяя вычислять хэш-значения md5 или sha1 для HTTP-запроса.

В HTTP-клиенте расширены возможности форматирования запросов с длинными URL-адресами. Кроме того, с помощью действия Put query parameters on separate lines можно разбить запрос на несколько строк. Форматирование HTTP-запросов настраивается в разделе Preferences / Settings | Editor | Code Style | HTTP Request | Wrapping and Braces.