KeyLane

Скачать JetBrains WebStorm

WebStorm — IDE JetBrains для JavaScript и TypeScript: React, Angular, Vue, Node.js, тесты, отладка в браузере и умный рефакторинг. Для коммерческой работы нужна лицензия.

WebStorm — среда разработки JetBrains, созданная специально для JavaScript и TypeScript. Она подойдёт фронтенд-разработчикам, которые работают с React, Angular, Vue или Svelte, и тем, кто пишет серверный код на Node.js. Главное преимущество перед лёгкими редакторами — понимание всего проекта: переименование компонента или функции безопасно обновляет все места использования.

Что входит

  • Умный редактор — автодополнение с учётом типов TypeScript, проверка кода, быстрые исправления, поддержка ESLint, Prettier и Stylelint.
  • Фреймворки — React, Next.js, Angular, Vue, Nuxt, Svelte и другие: шаблоны, компоненты, переходы между файлами.
  • Отладка — точки останова в клиентском коде прямо в IDE, отладка Node.js и тестов.
  • Тестирование — запуск Jest, Vitest, Mocha, Playwright и Cypress с наглядными результатами.
  • Инструменты — встроенный терминал, Git, HTTP-клиент, работа с npm, pnpm и Yarn, Docker.

WebStorm не включает поддержку PHP и баз данных уровня PhpStorm. Если в проекте есть бэкенд на PHP, удобнее PhpStorm, которая содержит все возможности WebStorm.

Условия использования

С 2024 года JetBrains разрешает бесплатно использовать WebStorm в некоммерческих целях: для обучения, личных проектов и open source без монетизации. Для работы на заказ и в компании нужна коммерческая лицензия — её активируют кодом или через учётную запись JetBrains.

Перед установкой

  1. Проверьте, что система 64-битная.
  2. Установите Node.js нужной версии — WebStorm использует установленный интерпретатор и пакетный менеджер.
  3. Заложите место: около 4 ГБ под IDE и кэши, плюс папки node_modules ваших проектов.

Как скачать и установить

Кнопки «Windows», «macOS» и «Linux» открывают страницу загрузки WebStorm на сайте JetBrains с нужной вкладкой.

  • Windows — скачайте .exe и пройдите мастер установки, можно сразу добавить ассоциации с .js, .ts и .vue.
  • macOS — выберите вариант для Apple Silicon или Intel, откройте .dmg и перенесите приложение в «Программы».
  • Linux — распакуйте .tar.gz и запустите bin/webstorm.sh. На некоторых дистрибутивах доступна установка через snap.

Если вы пользуетесь несколькими IDE JetBrains, удобнее поставить JetBrains Toolbox и устанавливать WebStorm через него.

Активация

При первом запуске WebStorm предложит выбрать тип использования. Для коммерческой лицензии выберите активацию: вход в учётную запись JetBrains или «Activation code». Код, например купленный в KeyLane, вставьте полностью, без переносов строк. Изменить лицензию можно позже через «Help» → «Register».

Интерфейс IDE на английском языке.

Частые проблемы

  • Подсказки TypeScript работают медленно — увеличьте объём памяти IDE через «Help» → «Change Memory Settings».
  • Не находится Node.js — укажите путь к интерпретатору в настройках «Languages & Frameworks» → «Node.js».
  • Проект открывается долго — исключите из индексации папки сборки, например dist и .next.

Системные требования

  • 64-битная Windows 10 или 11, macOS или Linux
  • 64-битный многоядерный процессор Intel или AMD, на Mac — также Apple Silicon
  • ОЗУ от 4 ГБ, лучше 8 ГБ и больше
  • Около 4 ГБ на диске под программу и кэши
  • Экран с разрешением не ниже 800×600