Что нового в WebStorm 2021.1

JavaScript и TypeScript

Автодополнение на основе машинного обучения

Теперь варианты автодополнения кода в файлах JavaScript и TypeScript по умолчанию сортируются с использованием алгоритмов машинного обучения. Подробности — в блоге.

Улучшенное автодополнение имен символов

WebStorm теперь опирается на имена файлов, когда предлагает варианты автодополнения для имен переменных верхнего уровня, функций и классов.

Улучшенная подсветка синтаксиса JSDoc

Комментарии JSDoc стало удобнее читать: мы добавили новые настройки цветов для значений и типов тегов JSDoc (Preferences / Settings | Editor | Color Scheme | JavaScript / TypeScript).

Отключение инспекций пофайлово

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

Фреймворки и технологии

Встроенный сервис для совместной работы над кодом

WebStorm теперь включает в себя Code With Me — наш новый сервис для совместной удаленной разработки и парного программирования. Программируйте вместе с командой в реальном времени и общайтесь с коллегами прямо в IDE.

Поддержка CSS-модулей в Vue-файлах

Начиная с версии 2021.1, WebStorm поддерживает модули CSS, используемые в Vue-файлах. IDE корректно обрабатывает свойства $style, предоставляя для них автодополнение, навигацию и базовые возможности рефакторинга.

Обновленный HTTP-клиент

Работать со встроенным HTTP-клиентом стало удобнее. Можно свернуть возвращенный результат, нажав на новый значок, быстро прокрутить ответ по вертикали, найти и заменить случаи использования протокола http:// за пару кликов и многое другое.

Настройки применения ESLint

Если у вас настроен ESLint для таких файлов, как .md или .coffee, вы сможете просматривать сообщения об ошибках в редакторе. Для этого укажите эти типы файлов в новом поле Run for files.

Поддержка JSON Lines

WebStorm теперь поддерживает текстовый формат JSON Lines. IDE распознает файлы с расширениями .jsonl, .jslines, .ldjson и .ndjson.

HTML и CSS

Улучшенная поддержка Stylelint

Теперь вы можете исправлять ошибки в CSS-коде при помощи Stylelint всего за пару кликов. Наведите указатель мыши на проблемное место в файле или поместите туда курсор и нажмите Alt+Enter, а затем выберите Stylelint: Fix current file.

Кроме того, теперь можно указать путь к файлу конфигурации в соответствующем поле в разделе Preferences / Settings | Languages & Frameworks | Style Sheets | Stylelint.

Превью HTML в редакторе

В WebStorm появилось превью для статических HTML-файлов. Когда вы редактируете HTML-код или связанные CSS и JavaScript-файлы, изменения сохраняются и превью обновляется автоматически.

Специфичность селекторов CSS

When working with style sheets, you can now check the specificity of your selectors – just hover over a selector that you want to check. Или переместите на него фокус и нажмите Ctrl+Q, чтобы просмотреть эту информацию во всплывающем окне документации.

Пользовательский интерфейс

Настройки толщины шрифта

Теперь в редакторе можно отрегулировать толщину используемого шрифта. Новые настройки находятся в разделе Typography Settings в меню Preferences / Settings | Editor | Fonts.

Увеличение размера вкладок в режиме Split

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

Полезные данные в документации

Документация MDN теперь интегрирована в WebStorm. Это помогает избежать проблем с подключением к сайту MDN, и документация быстрее отображается в редакторе. Кроме того, она стала более информативной: например, можно посмотреть подробную информацию о поддерживаемых версиях браузеров для JavaScript API.

Специальные возможности

Если на своем компьютере Windows вы используете режим высокой контрастности, WebStorm синхронизируется с ОС и включит высококонтрастную тему при первом запуске. Кроме того, еще больше элементов интерфейса теперь корректно обрабатываются программами чтения с экрана.

Быстрый доступ к недавним проектам на Windows

Мы обновили поддержку списков переходов в Windows: теперь можно открывать недавние проекты, кликнув правой кнопкой мыши по значку WebStorm на панели задач или в меню Пуск.

Много исправлений

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

Поддержка систем контроля версий

Оптимизация работы с пул-реквестами

Мы добавили несколько улучшений для более эффективной работы с пул-реквестами. Например, теперь можно создать новый пул-реквест прямо из окна Pull Requests, нажав на значок плюса.

Шаблоны для сообщений коммитов

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

Новый способ отложить изменения

Новое действие Save to Shelf позволяет скопировать изменения на вкладку Shelf, сохранив их в локальной истории изменений. Чтобы попробовать, нажмите Ctrl+Shift+A и введите Save to Shelf.