Что нового в WebStorm 2019.3

Производительность

Ускоренный запуск

Долгое время одной из наиболее распространенных проблем производительности, с которыми сталкивались пользователи WebStorm, был медленный запуск IDE. В течение двух релизных циклов мы работали над тем, чтобы ускорить появление начального экрана при запуске и сократить время открытия проиндексированных проектов. В результате WebStorm теперь справляется с этой задачей на 20% быстрее по сравнению с предыдущими версиями.

Фреймворки и инструменты

Автодополнение для компонентов, определенных в разных файлах

Улучшенное автодополнение кода для Vue.js

Чтобы помочь вам писать код еще быстрее, WebStorm теперь умеет автоматически заполнять имена слотов. Это работает для имен, определенных в компонентах проекта и библиотеках компонентов, таких как Vuetify, Quasar и BootstrapVue.

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

Быстрый просмотр документации в проектах Vue.js

В WebStorm 2019.3 теперь можно просматривать документацию для компонентов и директив, определенных в Vue.js и некоторых популярных библиотеках компонентов. Чтобы просмотреть документацию, нажмите F1 на имени компонента или директивы в редакторе.

Поддержка новых версий популярных технологий

В этой версии появилась поддержка схем Angular 9 и функции Plug’n’Play из Yarn 2. Кроме того, теперь WebStorm поддерживает ключевые возможности TypeScript 3.7: optional chaining, nullish coalescing и assertion signatures.

Улучшенная поддержка props в компонентах React

Для компонентов без propTypes WebStorm больше не будет сообщать о неразрешенном свойстве props.something в определении компонента, если обнаружит, что props переданы в использовании компонента.

JavaScript и TypeScript

Фрагменты кода на языках шаблонов

Хотите добавить в файл фрагмент кода на другом языке? Вы можете вставить такие фрагменты кода, нажав Alt-Enter. В число поддерживаемых языков входят Pug, Handlebars и EJS.

Подсказки для имен новых символов

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

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

HTML и языки стилей

Автодополнение кода для CSS-библиотек, добавленных через CDN

Если вы используете Bootstrap или другую CSS-библиотеку в своем проекте и в HTML-файле есть соответствующая ссылка на CDN, WebStorm предоставляет автодополнение для имен классов из этой библиотеки, при этом ее исходный код не нужно добавлять в проект. Чтобы включить автодополнение, просто нажмите Alt-Enter на ссылке в HTML-файле и выберите Download library.

Система контроля версий

Обновленный интерфейс для получения проектов из VCS

При скачивании проекта из системы контроля версий вы увидите обновленный диалог Get from Version Control, который отображается на начальном экране и в меню VCS.

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

Отправка изменений из любой ветки

Собираетесь отправить изменения из одной ветки, работая в другой? Больше не нужно переключаться на ветку, из которой вы хотите отправить изменения, — просто выберите ее в окне Branches и нажмите Push.

Простой способ сделать коммит

Теперь вы можете выполнять коммит файлов прямо из окна Version Control — больше не нужно открывать отдельный диалог. Для этого установите флажок Commit from the Local Changes without showing a dialog в разделе Preferences/Settings | Version Control | Commit Dialog.

Новые действия для получения веток из репозитория

Чтобы упростить работу с ветками, вместо действия Checkout as... мы добавили два новых: универсальное действие Checkout для удаленных веток и действие New Branch from Selected... для удаленных и локальных веток.

IDE

Новое действие для запуска инструментов и конфигураций

Хотите открыть недавний проект, запустить npm, Yarn или конфигурацию запуска/отладки? Теперь все это можно сделать с помощью универсального действия Run Anything (Ctrl-Ctrl).

Поиск по выделенной области

Благодаря новому фильтру In Selection (двойное нажатие Cmd/Ctrl-F) вы сможете быстрее находить нужную информацию: поиск будет производиться только по выделенным фрагментам кода в файле.

Вывод плагина для Dart из комплекта WebStorm

Начиная с версии 2019.3, вам нужно будет устанавливать плагин для Dart самостоятельно. Мы приняли это решение, чтобы сократить время выхода обновлений для плагина, так как встроенные плагины обновляются только вместе с IDE. Если вы используете Dart, вам потребуется установить привычный плагин в меню Preferences/Settings | Plugins.

Глобальная настройка File Watchers по умолчанию

Если вы используете в своем проекте сторонний инструмент, например Prettier, и настроили его с помощью File Watcher, вы наверняка захотите, чтобы эта конфигурация автоматически применялась ко всем новым проектам. Для этого теперь можно включить глобальную настройку File Watchers по умолчанию.