Программирование в WebStorm c удовольствием. Часть 1

Привет! Хочу поделиться с вами некоторыми советами и дополнениями которые помогают мне в программирование на WebStorm.

Начнём с того что WebStorm один из лучших если не сказать самый лучший IDE для frontend разработки. Остальные догоняют и не могут догнать.

Интерфейс. Табики

Надеюсь вы уже знает что файл быстрее всего найти через поиск ctrl + shift + n вводим имя файла. Уж лучше чем бегать по дереву проекта искать и не находить. )

Как у вас обстоять дела со вкладками. Вы пооткрывали кучу файлов и начинается путаться и вспоминать где какая вкладка. Это отнимает время и внимание.

Хаос как в VS

А хотите скажу что все эти вкладки вам не нужны. Обычно работая вы переключаетесь между двумя последними файлами. Для того чтобы не искать эти две вкладки в море вкладок WS предлагает быстрое переключение. Однократное нажатие на ctrl + tab переключает к предыдущему файлу. Сколько раз нажмете tab зажав ctrl на столько по истории продвинитесь назад.

Быстрое переключение между файлами ctrl + tab

Ну а если вам этого недостаточно в WS есть история открытия файлов. Нажали сочетание клавиш ctrl + e, нашли файл нажали enter. Всё, радуемся.

Недавно открытые файлы ctrl + e

А дальше чтобы вкладки не мельтешили перед глазами заходим в настройки ctrl+alt+s вводим в поиск tab limit и ставим 1. Все теперь отображается только один текущий файл. С начало может будет дискомфорт, но это того стоит и когда вы привыкнете вы уже будете переключатся не задумываясь.

Росчерки

Если нужно немного пописать код и новый проект для этого создавать не хочется то вам подойдет Scratch Files.

Например раньше я создавал в любом месте в проекте файл черновик test.js писал в нем а потом его удалял. С версии 2017.1 появились Scratch Files. Эти файлы можно создать сочетанием клавиш ctrl + alt + shift + insert.

Плагины. AceJump

Не хотите использовать мышку для перемещения в коде. Есть интересный плагин AceJump. Устанавливаем, нажимаем ctrl + ; а дальше пишем куда хотим перепрыгнуть. Плагин подсвечивает совпадения и отображает символы рядом с совпадением введя которые ты можешь перейти в это место. Вот видео с плагином в действии.

На сегодня все. Спасибо что дочитали. ) Если было познавательно ставим лайки, подписываемся. Пока!