Что нового в WebStorm 2024.1

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

В WebStorm 2024.1 улучшена быстрая документация. Теперь она поддерживает подсветку синтаксиса для блоков кода и встроена в результаты автодополнения. В ней отображаются члены интерфейса, перечисляемые константы и тела псевдонимов типов. Вы можете перейти к полному списку членов типа по ссылке Show more и перемещаться между объявлениями, переключая страницы вверху диалога.

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

Vue Language Server теперь по умолчанию доступен для всех проектов Vue, включая те, что основаны на Nuxt. Однако в проектах Vue 2 есть некоторые известные ограничения. Если вы работаете с такими проектами, можете отключить сервер в разделе Settings | Languages & Frameworks | TypeScript | Vue.

WebStorm теперь предлагает подсказки в редакторе для использований компонентов в файлах Vue, Svelte и Astro. Это позволит вам быстро находить все места использования определенного компонента в проекте.

В строке состояния появился новый виджет Language Services, который показывает, какие языковые сервисы активны для текущего файла и проекта. Сервисы можно перезапустить или перейти к их настройкам прямо из этого виджета.

В релиз 2024.1 входит экспериментальный движок TypeScript, который включается в настройках: Settings | Languages & Frameworks | TypeScript. Его задача — повысить производительность и решить проблемы совместимости. Новый подход применим к TypeScript и Vue. Больше информации вы найдете в нашем блоге.

В WebStorm 2024.1 появилось несколько новых быстрых исправлений для React, которые позволяют создавать пропсы и состояния на лету. Применяйте эти исправления с помощью сочетания клавиш Alt+Enter. Подробнее об этом — в нашем блоге.

Теперь в панели Structure отображаются компоненты и хуки React, а также структура JSX, включая узлы для условного и списочного рендеринга. Кроме того, поддерживаются библиотеки на базе JSX, такие как Preact и Solid.

В WebStorm 2024.1 улучшена функция код-ревью для пользователей GitHub и GitLab. В новом режиме изменения выделяются фиолетовыми индикаторами, которые видны как авторам кода, так и рецензентам. Изменения можно обсуждать прямо в редакторе: нажмите на «+» или Message, чтобы начать новое обсуждение или ответить на комментарий.

В WebStorm 2024.1 появилось автодополнение контекстов GitHub Actions, включая github.*, env.*, steps.* и inputs.*. Мы также добавили автодополнение для свойств конфигурации Docker image и main.

В WebStorm 2024.1 стало проще выполнять код-ревью благодаря удобному отображению изменений, связанных с ветками. Для GitHub и GitLab кликните по имени ветки в окне Pull Requests и выберите в меню пункт Show in Git Log. В результате откроется вкладка Log, на которой вы увидите все изменения в ветке.

В WebStorm 2024.1 можно с помощью эмодзи реагировать на комментарии к пул-реквестам в GitHub и мердж-реквестам в GitLab.

Мы добавили новый интерфейс терминала, который можно активировать в настройках: Settings | Tools | Terminal | Enable New Terminal. В нем команды представлены в виде блоков, по которым легко перемещаться с помощью клавиш со стрелками или Ctrl+↑/Ctrl+↓. Кроме того, в новом терминале работает автодополнение для команд, путей, аргументов и опций. Подробнее об этом — в нашем блоге.

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

В WebStorm 2024.1 появилась возможность уменьшить масштаб интерфейса до 70%, в дополнение к старому диапазону от 100% до 200%. Теперь проще настроить интерфейс под размер экрана и использовать пространство эффективнее.

Теперь в HTTP-клиенте используется библиотека Netty для низкоуровневой сетевой работы, что позволило нам добавить поддержку HTTP/2. Кроме того, мы добавили новые способы аутентификации, включая PKCE Authorization Code Flow и Device Grant Flow, а также улучшили поддержку запросов на токен и аутентификацию.