IDE для JavaScript и TypeScript
Релизы новостей
WebStorm 2026.3 уже доступен!
Создание UI-компонентов с помощью AI-агента часто требует больше переключений между инструментами, чем реального написания кода. Вы копируете значения из Figma, ищете нужный стори в Storybook, пишете промпт, ждете ответа агента, а затем проверяете результат в браузере и понимаете, что цикл начинается заново.
Этот релиз переносит весь цикл разработки фронтенда в IDE и связывает его с вашими агентами. Figma Connect, теперь с панелью Inspect, добавляет детали дизайна прямо в чат. Storybook Connect показывает вам и вашим агентам, какие компоненты можно использовать повторно. Chrome DevTools Connect позволяет агенту выполнять работу в браузере и возвращать вам результат для проверки.
Чтобы объединить эти этапы, JetBrains Air теперь доступен непосредственно в WebStorm. Запускайте несколько сессий с JetBrains и сторонними агентами параллельно, чтобы продолжать работу, пока каждый агент выполняет свои задачи. Вы также можете выбрать подходящего агента для каждой задачи, не меняя привычный процесс работы вашей команды.
Основные моменты этого релиза:
Агентная разработка
- JetBrains Air в WebStorm переносит агентную разработку прямо в вашу IDE, предоставляя выбор кодинг-агентов, поддержку параллельных рабочих процессов, а также встроенные в IDE инструменты для проверки и верификации.
Рабочий процесс «дизайн — код — продакшн»
- Figma Connect с панелью Inspect — получайте точные значения CSS, цвета и дизайн-токены из Figma и передавайте их агенту без необходимости копировать их вручную.
- Storybook Connect — находите, открывайте и создавайте стори, не покидая IDE, и позвольте ИИ написать те, которых вам не хватает.
- Chrome DevTools Connect — позвольте агенту проверять и исправлять свою работу в реальном браузере, чтобы вы начинали ревью с результата, который уже был протестирован.
Фреймворки и экосистема
- Воспользуйтесь стабильной поддержкой TypeScript 7 для React и Angular без необходимости миграции, а также исправлениями в поддержке Angular, Sass, CSS, Vitest, Mocha и Tailwind CSS в WebStorm.
Этот релиз также включает множество исправлений и улучшений, о которых вы можете узнать ниже.
Вы можете обновиться до WebStorm 2026.3 через Toolbox App или скачать его напрямую с нашего сайта.
JetBrains Air в WebStorm
Единое пространство для запуска агентов и проверки их работы
Начиная с этого релиза, в IDE от JetBrains включен Air — новый уровень для агентной разработки. Работайте с выбранными вами кодинг-агентами, запускайте, отслеживайте и проверяйте мультиагентные рабочие процессы внутри IDE, где интеллектуальные возможности кода помогают агентам реже совершать ошибки и дают вам инструменты для проверки каждого изменения перед его отправкой в продакшн.
Ваши агенты, ваши модели, ваши подписки. Air работает с Claude Agent, Codex, Gemini, GitHub Copilot, Junie, OpenCode и другими ACP-совместимыми агентами. Он обнаруживает агентов, уже установленных на вашем компьютере, чтобы вы могли подключить их в один клик, а также позволяет добавлять новых из реестра агентов. Ваши текущие настройки также сохраняются: подписки на провайдеров, API-ключи и даже пользовательские базовые URL — все это работает без необходимости подписки на JetBrains AI. Запускайте Claude Agent по своей подписке Claude в терминале или полноэкранной вкладке IDE, используйте другие подписки на агентов в чате или терминале и переключайтесь между ними в любой момент, даже в середине сессии.
Централизованное рабочее пространство для проверки изменений и управления агентом. Проверяйте изменения агента, видя окружающий код и инструменты проекта, и отправляйте обратную связь прямо агенту. Привяжите заметку к конкретной строке в diff или оставьте комментарий прямо из кода, чтобы агент получил конкретный контекст об изменении, которое вы хотите внести. Работайте в чате или терминале — как вам удобнее.
Бесплатный AI-агент с Junie Lite. Air включает бесплатный ИИ с конфигурацией Junie Lite, поэтому вы можете использовать агента без подписки. Вам понадобится только аккаунт JetBrains.
Все еще используете AI Assistant? Уведомление предложит вам попробовать Air. Переход на Air скроет AI Assistant. Если вы захотите вернуться к AI Assistant, следуйте инструкциям, описанным здесь. Air автоматически переносит навыки вашей IDE, конфигурацию MCP, агентов, установленных через ACP, аутентификацию и историю чатов. История чатов в режиме Chat не переносится.
Сквозной рабочий процесс от дизайна до продакшна
Figma Connect: инспектируйте дизайн, не покидая WebStorm
Реализация дизайна не должна означать постоянное переключение между Figma и редактором, вставку ссылок и ручное копирование значений отступов и цветов.
С помощью Figma Connect вы можете:
- Добавлять скриншоты, URL-адреса и значения дизайна в контекст без лишних переключений.
- Просматривать и перемещаться по слоям Figma из IDE.
- Инспектировать выбранный слой дизайна во время работы в JetBrains Air.
- Отправлять контекст дизайна любому агенту, например Claude Code, Codex или Cursor.
Панель Inspect предоставляет детали реализации для выбранного слоя: значения CSS, цвета и дизайн-токены. Вы получаете точные числа, необходимые для создания компонента, без необходимости открывать другой инструмент или перепечатывать что-либо.
Figma Connect требует однократной настройки. См. документацию по Figma Connect для получения инструкций по подключению.
Chrome DevTools Connect: позвольте агентам проверять свою работу в браузере
Код, который компилируется, не обязательно является кодом, который работает. С помощью встроенного плагина Chrome DevTools Connect ваш агент может тестировать то, что он создает, в реальном браузере и исправлять проблемы, прежде чем предоставить вам результат. Когда вы заметите что-то, требующее доработки, вы сможете точно показать агенту, где внести изменения.
Благодаря встроенному навыку Chrome DevTools CLI, агент может:
- Открывать страницы и перемещаться по сценариям приложения.
- Инспектировать DOM и отрисованный UI.
- Читать логи консоли и сетевые запросы.
- Делать скриншоты и взаимодействовать с элементами страницы.
- Воспроизводить ошибки времени выполнения и подтверждать исправления в браузере.
При первом использовании агентом этого навыка WebStorm предложит вам установить необходимый пакет. После этого рабочие процессы с поддержкой браузера будут работать без необходимости вручную настраивать интеграцию MCP.
Storybook Connect: создавайте с помощью компонентов, которые у вас уже есть
Storybook наиболее полезен, когда у каждого компонента есть стори, и наименее полезен, когда вам приходится искать нужный. Storybook Connect переносит Storybook в WebStorm, чтобы вы и ваши агенты могли оставаться в одном окне.
Специальное окно инструментов позволяет просматривать и искать стори. Вы можете переключаться между стори и исходным кодом, а ваши изменения всегда синхронизируются с приложением Storybook. Запустите свой локальный сервер Storybook или настройте его в один клик.
Storybook Connect анализирует пропсы компонентов и находит те, у которых нет стори, а затем инструменты с поддержкой ИИ генерируют недостающие стори без подробного промпта с вашей стороны. Встроенный CLI и навыки делают те же возможности доступными для разработчиков, CI-скриптов и AI-агентов:
webstorm storybook-connect component-props ./src/Button.tsx
webstorm storybook-connect possible-stories ./src/Button.tsx
webstorm storybook-connect missing-stories ./src/Button.tsx
webstorm storybook-connect create-missing-stories ./src/Button.tsx
Storybook Connect распространяется как отдельный плагин и требует Storybook версии 10 или выше. Информацию о совместимости и последнюю версию можно найти на JetBrains Marketplace.
В совокупности эти инструменты охватывают весь путь от дизайна и кода до готовой страницы. Все они работают в Air, внутри WebStorm, в рамках единого контекста и процесса проверки.
Обновления платформы
Звуковые сигналы для событий IDE и маркеров в редакторе
Мы продолжаем работу над тем, чтобы сделать IDE от JetBrains доступными для каждого разработчика. В этом релизе появились звуковые сигналы — встроенные уведомления, которые позволяют получать информацию, не отвлекаясь на визуальный контекст. Пользователи программ чтения с экрана теперь получают звуковые оповещения о маркерах в редакторе: ошибках и предупреждениях, добавленных, измененных или удаленных строках в системе контроля версий, а также о сворачивании кода. Вы также услышите, когда завершаются процессы. Сборки, тесты и другие длительные фоновые задачи сообщают о своих результатах с помощью различных звуков для состояний успеха, предупреждения и ошибки. Срабатывание точек останова также сопровождается звуком. Если вы работаете с несколькими мониторами или сразу с несколькими проектами, вы можете включить эти звуки, чтобы не проверять статус на экране.
При включенной поддержке программы чтения с экрана звуковые сигналы для маркеров строк и важнейших событий (сборки, тесты, срабатывание точек останова) включены по умолчанию. Агенты в Air имеют собственные звуковые сигналы, которые включены по умолчанию для всех, независимо от того, используете ли вы программу чтения с экрана. Вы услышите, когда агент завершит работу, остановится с ошибкой, потребует вашего ввода, а также когда начнется или закончится диктовка. Все остальные звуки можно включить по желанию. Вы можете изучить и прослушать звуки на новой странице настроек «Доступность» (Accessibility), а также использовать флажок «Воспроизводить звук» (Play sound) на странице настроек уведомлений, чтобы включить сигналы для конкретной группы уведомлений. Узнайте больше из этой записи в блоге.
Автоматическая отправка отчетов об ошибках и зависаниях
WebStorm 2026.3 автоматически отправляет отчеты об ошибках и зависаниях интерфейса в JetBrains, помогая нам выявлять проблемы, которые мешают вашей работе, и расставлять приоритеты исправлений в зависимости от их влияния. Отчеты содержат только технические данные. Личная информация, такая как пути к файлам, URL-адреса и имена пользователей, удаляется из сообщений перед отправкой. Вы можете отключить автоматическую отправку отчетов в разделе Settings | Appearance & Behavior | System Settings | Data Sharing.
Обновления фреймворков и экосистемы
Поддержка TypeScript 7 для Angular и React, миграция не требуется
Поддержка TypeScript 7 в WebStorm теперь стабильна, включая проекты на Angular и React. Она заменяет языковую службу на базе Node.js движком на Go, что снижает нагрузку при анализе кода в крупных проектах. Вы можете выбрать его без миграции или изменения версии TypeScript в проекте. В кодовой базе Kibana время загрузки проекта сократилось с 12 до трех секунд. Читайте полную статью.
Angular
WebStorm теперь корректно выводит типы шаблонов при работе с Angular в WSL, вместо того чтобы возвращать any. Кроме того, конструкция @default never; внутри @switch больше не помечается как неизвестный блок.
Sass и CSS
Мы также исправили несколько проблем с поддержкой Sass и CSS. Функции с пространствами имен и переменные внутри calc() больше не вызывают ошибку «Unexpected term». Кроме того, мы удалили 161 неиспользуемое свойство из данных синтаксиса CSS. Наконец, псевдоселекторы больше не помечаются как неизвестные, если плагин Images отключен.
Тестирование и инструменты
Запуск отдельных тестов снова работает в Vitest 5, а Mocha 12 (ESM) больше не показывает предупреждение репортера для них. Языковой сервер Tailwind CSS теперь также работает с удаленным интерпретатором Node в Docker на macOS.
Улучшения производительности и качества
Поиск использований (Find Usages) в огромных кодовых базах
Функция Find Usages больше не «замораживает» IDE на несколько минут в очень больших монорепозиториях. Мы протестировали ее на Kibana, где более 1000 файлов tsconfig.
Производительность Angular
Разрешение ссылок (Resolving Reference) больше не зависает в рабочих областях с несколькими проектами Angular. Мы также устранили утечку памяти в Angular на TypeScript 7, которая вызывала скачки нагрузки на процессор до 800% – 900%.
Заключение
Этот релиз сосредоточен на этапе рабочего процесса между вашим дизайном и готовым кодом. Ваши агенты работают напрямую с дизайном из Figma и вашими собственными компонентами, проверяют результаты в реальном браузере и остаются в одном месте под управлением JetBrains Air. Пишите код так, как вам удобно, и выпускайте продукты с уверенностью.
Попробуйте последнюю версию и расскажите нам, что вы думаете. Ваши отзывы определяют наши дальнейшие шаги.
