Полезные приемы в WebStorm

Jul 7, 2019

Shortcut

  • ctrl + E - Открывает панель для Переключение между последними открытыми файлами
  • ctrl + shift + E - Открывает панель с Последними отредактированные файлы
  • shift + ctrl + N (shift X 2) - Открывает панель для поиска файла, класс и т.д. по имени
  • ctrl + B - Переход на определение метода
  • shift + ctrl + i - Просмотр метода в текущем контексте
  • ctrl + f12 - структуру кода нашего файла
  • Ctrl+Alt+L - реформат кода в текущем файле

Продвинутое редактирование

  • Множественные курсоры (выделение): alt + (ставим клики, где надо) и заполняем
  • Контекстное выделение: Выделяем корректную часть кода, при каждом ctrl + W код расширяется на логический часть. Обратный shortcut: ctrl + shift + W
  • Автодополнение наступает при начале печати.
    При нажатии ctrl + Q можно просмотреть документацию.
  • Вставить из истории (все что мы на "копипастили"): ctrl + shift + v
  • Локальная история (GIT): alt + ~, далее show history
  • Генерируем болванку для своей документаии: начинаем набирать в коде /** + enter
  • Сниппеты (по примеру в sublime text) идем в Editor - Live Templates. Также можно создавать свои сниппеты. Не забудьте выбрать контекст, в котором будет работать сниппет.
  • Форматируем код: ctrl + alt + L

Путь к текущему файлу

Просто отметьте галочкой View -> Navigation Bar

Автозаполнение (Emmet) в WebStorm

синтаксис Emmet

script:src
<script src=""></script>

Увеличиваем производительность

Файл с настройками \Users\name\.WebStorm2016.1\webstorm.exe.vmoptions (Help - Edit Custom VM Options..)

Меняем опцию Xmx512m на Xmx1024m

-server
-Xms128m
-Xmx512m
Добавить комментарий