Что нового в WebStorm 2021.3

Поддержку приватных полей мы добавили еще в 2018 году. Однако она была реализована на основе старого предложения TC39 и со временем отклонилась от стандарта. Чтобы решение соответствовало стандарту, мы полностью переработали существующую реализацию поддержки. WebStorm 2021.3 поддержит приватные поля класса ES2022.

В новой версии вы можете загрузить модули ES6, поставив курсор на URL-адрес в инструкции import и вызвав быстрое исправление. Модуль будет загружен вместе со всеми зависимостями и связан с проектом как библиотека. Чтобы попробовать, поставьте курсор на URL, нажмите Alt+Enter и выберите Download module.

Мы улучшили поиск соответствия между файлами .js и .d.ts и добавили иконки на полях редактора для удобного переключения между этими файлами. Подробнее об этих изменениях — в нашем блоге.

WebStorm 2021.3 позволяет обновлять пакеты npm до последней версии прямо из редактора. Откройте файл package.json, установите курсор на версию пакета, который нужно обновить, нажмите Alt+Enter и выберите Update ‘имя пакета’ to the latest version. Кроме того, при наведении курсора на версию пакета отобразится быстрое исправление.

Для улучшения работы с Deno в WebStorm мы перешли на Deno LSP и исправили ряд проблем. Подробнее о том, как начать работу с Deno — в нашем блог-посте.

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

WebStorm 2021.3 поддерживает проверку типов в Vue-шаблонах. IDE уведомит вас, когда в выражениях, привязанных к свойствам, использован неверный тип. Это работает также для атрибутов React.

В этой версии мы значительно улучшили встроенный HTTP-клиент WebStorm. Добавлено много новых функций, в том числе поддержка ответов в виде двоичного кода, перенаправление вывода в заданный файл или директорию и многое другое.

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

Готовя этот релиз, мы значительно улучшили поддержку рабочего процесса, при котором Node.js установлен в Docker и используется интеграциями WebStorm с инструментами JavaScript. Теперь IDE позволяет использовать удаленный интерпретатор Node.js с ESLint, Jest, Mocha и npm. Подробнее читайте в нашем блоге.

Теперь в меню Preferences / Settings | Tools | SSH Configurations можно указать прокси-сервер HTTP или SOCKS для конфигурации SSH. В новом разделе HTTP/SOCKS Proxy можно выбрать тип прокси, ввести имя хоста и порт, а также при необходимости включить аутентификацию по логину и паролю.

Запустили сразу несколько конфигураций и хотите посмотреть их результаты одновременно? Теперь окно Run можно разделить. Просто перетащите нужную вкладку в выделенную область. Чтобы убрать разделение окна, можно перетащить вкладку обратно или щелкнуть правой кнопкой на верхней панели и выбрать в контекстном меню команду Unsplit.

Раньше в WebStorm было два похожих понятия — Favorites и Bookmarks. Понять, чем они отличаются, было сложно, поэтому мы решили оставить только одно — Bookmarks. Мы изменили логику этой функциональности и создали для закладок новое окно. Отныне все файлы и папки, которые вы помечаете как важные с помощью клавиши F11, будут показаны в окне Bookmarks.

Теперь, нажимая сочетание клавиш Ctrl+Alt+F7 или нажимая Ctrl и щелкая по определению, чтобы посмотреть использования нужного символа, можно включить предпросмотр исходного кода для найденного использования, щелкнув по квадратному значку.

Встроенный терминал WebStorm теперь поддерживает новый API ConPTY для Windows. Это изменение позволило устранить сразу несколько проблем и добавить поддержку 24-разрядного цвета. Кроме того, новая функция поддержки опережающего ввода предугадывает изменения в тексте и отображает их светло-серым цветом. Эта функция позволяет набирать код в терминале с одинаковой скоростью независимо от того, работаете вы на локальной или на удаленной машине.

Мы полностью реорганизовали настройки в меню Preferences / Settings | Version Control, чтобы основные параметры конфигурации было проще найти. Например, настройки в узле Git теперь разбиты на разделы, соответствующие основным процессам: Commit, Push и Update. Кроме того, параметры, включенные в эти разделы, размещены более логичным образом.

Иногда у разработчика бывает несколько коммитов, над некоторыми он еще работает, а другие готовы к отправке. В таких случаях удобно передать на сервер только те, работа над которыми завершена. WebStorm позволяет отправить в удаленный репозиторий все коммиты вплоть до коммита, выбранного во вкладке Log окна Git. Просто выберите нужный коммит, щелкните по нему правой кнопкой и выберите Push All up to Here.

Функция Checkout and Rebase onto Current позволяет извлечь выбранную ветку и переместить ее на вершину ветки, в которой вы находитесь. До сих пор это действие было доступно только локально, но начиная с v2021.3 его можно использовать и для удаленных веток.

Раньше WebStorm показывала разницу между коммитами в отдельном диалоговом окне. Начиная с этого релиза, IDE будет отображать информацию в новом окне Changes. Чтобы открыть новое окно, перейдите на вкладку Log системы контроля версий, правой кнопкой нажмите на нужную версию и выберите в контекстном меню пункт Compare with local.