Помощь при написании кода

WebStorm помогает писать код быстрее и допускать меньше ошибок. Автодополнение кода, постоянная проверка кода на наличие ошибок, форматирование и рефакторинги делают разработку проще и удобней.

Поддерживаемые языки и фреймворки

WebStorm помогает писать качественный код на JavaScript, ECMAScript 6, TypeScript, CoffeeScript, Dart и Flow.

IDE также упрощает написание HTML, CSS, Less, Sass и Stylus кода.

Кроме того, WebStorm позволяет эффективно разрабатывать приложения на Node.js и поддерживает такие популярные фреймворки, как React, Angular, Vue.js и Meteor.

Автодополнение

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

Для работы с CSS доступны подсказки для свойств и их значений. Если вы пишете код на Less и Sass, WebStorm предложит варианты автодополнения для миксинов. А если программируете на HTML, в IDE есть дополнение для всех тегов и атрибутов.

Многокурсорность

Как и другие редакторы, WebStorm поддерживает многокурсорность, которую любят разработчики. С ее помощью можно одновременно редактировать код в разных частях файла, при этом пользуясь автодополнением и функцией Live Template. Выберите фрагменты для редактирования нажатием Alt+Click или все вхождения текущего слова и отредактируйте их одновременно.

AngularJS

Разработка приложений на AngularJS гораздо эффективней с функцией автодополнения. Редактор предлагает подсказки для встроенных и проектных директив, имен контроллеров и приложений, а также дополнение для data bindings.

Emmet

В WebStorm можно работать еще быстрее, используя аббревиатуры Emmet. Наберите аббревиатуру на HTML и нажмите Tab — Emmet преобразует ее в полноценный блок кода. Emmet также можно использовать для CSS и JSX.

Live Edit

Live Edit позволяет мгновенно видеть результаты изменений в CSS, HTML-файлах в браузере без перезагрузки страницы. Функция доступна в режиме отладки JavaScript и работает в браузере Google Chrome.

Навигация

Удобные инструменты навигации WebStorm позволяют легко перемещаться по коду и экономить время при работе над большими проектами.

Чтобы перейти к определению любого метода, функции или переменной, просто нажмите Ctrl+Click или используйте Find Usages (поиск использований).

В диалоге Search Everywhere (открывается двойным нажатием Shift) удобно искать символы, имена файлов или классов по всему проекту.

Панель Structure помогает легко перемещаться по открытому файлу.

Анализ качества кода

WebStorm имеет сотни встроенных проверок, охватывающих все поддерживаемые языки. Вы также можете использовать инструменты ESLint, TSLint, Stylelint, JSCS, JSHint и JSLint.

Все ошибки и предупреждения отображаются прямо в редакторе в процессе написания кода. IDE предлагает много вариантов быстрых исправлений.

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

Анализ качества кода можно запустить для целого проекта и автоматически применить выбранные быстрые исправления.

Стиль кода

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

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

EditorConfig

WebStorm автоматически применяет форматирование кода, указанное в файле .editorconfig.