Что нового в WebStorm 2022.2

Мы активно работаем над поддержкой Angular 14 в WebStorm. Главное нововведение этого релиза — поддержка автономных компонентов Angular. IDE теперь корректно распознает и обрабатывает компоненты, директивы и каналы с отметкой standalone: true.

В WebStorm 2022.2 вас ждет несколько улучшений для Vue 3. Например, IDE распознает сужение типа в директивах v-if/else. Кроме того, мы улучшили поддержку Pinia — рекомендуемого командой Vue решения для управления состояниями, которое работает как глобальное хранилище. При использовании библиотеки доступно автодополнение, и вы можете переходить к свойствам состояния и действиям, определенным в хранилище.

WebStorm 2022.2 включает в себя TypeScript 4.7 и поддерживает новые возможности языка, такие как moduleSuffixes и ESM в Node.js. IDE автоматически подставит расширение .js в оператор импорта, если в файле tsconfig.json для module установлено значение node16 или nodenext. Кроме того, WebStorm поддерживает поле typesVersions в файлах package.json.

Поддержка удаленной разработки теперь доступна из коробки под лейблом Beta. Вы можете подключиться к удаленной машине, на которой запущен бэкенд IDE, и работать над размещенным там проектом так же, как если бы он хранился локально. Чтобы попробовать, откройте вкладку Remote Development в окне Welcome. Подробнее читайте в нашем блоге.

В этой версии вас ждет несколько улучшений для работы с Docker. WebStorm теперь автоматически подключается к Docker при перезапуске IDE. Additionally, there is a new Copy Docker Image action and integration with Colima and Rancher.

WebStorm 2022.2 поддерживает WebSocket-соединения. Мы также добавили поддержку запросов GraphQL, и теперь можно отправлять запросы GraphQL по протоколам WebSocket и HTTP. Кроме того, вы можете выбрать среду запуска с помощью значка на полях редактора.

В WebStorm теперь встроена интеграция с JetBrains Space — нашим универсальным решением для команд разработчиков. Подключайте WebStorm к своей организации в JetBrains Space, чтобы просматривать и клонировать репозитории проекта, писать сложные скрипты с использованием Space API и выполнять ревью кода своих коллег.

При изменении масштаба в редакторе новый индикатор показывает текущий размер шрифта и позволяет вернуться к значению по умолчанию.

В WebStorm теперь можно менять размер шрифта по всему редактору с помощью сочетания клавиш. Чтобы увеличить шрифт, нажимайте Alt+Shift+., а чтобы уменьшить — Alt+Shift+,.

WebStorm предлагает десятки инспекций, которые помогают обнаружить проблемы в коде и предотвратить ошибки. В версии 2022.2 стало удобнее настраивать подсветку проблемного кода в редакторе. Для этого перейдите в Preferences / Settings | Editor | Inspections, выберите нужную инспекцию и поменяйте значение в поле Highlighting in editor.

Если содержимое файла отображается как обычный текст и подсветка не работает как ожидается, WebStorm предложит отменить потенциально нежелательное определение типа файла прямо в редакторе — не нужно переходить в Preferences / Settings и настраивать тип файла вручную.

Перейти к настройкам автодополнения кода теперь можно прямо из всплывающего окна автодополнения кода в редакторе.

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

На macOS теперь можно объединить все открытые окна проекта: они отобразятся в виде вкладок в одном окне. Для этого выберите Window | Merge All Project Windows в главном меню.

На начальном экране WebStorm стало удобнее следить за тем, как выполняется клонирование репозитория: теперь индикатор прогресса отображается прямо в списке проектов.