Как перестать бояться и начать использовать WebStorm - Клавиши и фичи

features&keys.md

Ссылка на вебинар: JetBrains: https://youtu.be/Ozt8pBq9Mys

Навигация:

• cmd + e - Список последний табов/окон, в которых производились действия. Если начать вбивать название, то будут находиться совпадения
• cmd + вверх - Бар с навигацией по пути файла в проекте
• • При хождении по навигации можно нажимать комбинации, например cmd + n для создания файла

Отображение

• ctrl + ~ - Переключатель схем
• • Distraction Free Mode - Оставить только код

Поиски:

• cmd + shift + a - Поиск по списку команд
• cmd + o - Переключения по классам/name space’ам. Фича - если название задано CamelCase’ом, то можно просто заглавные буквы вбивать. Если через -, то начальные бувкы через -
• cmd + shift + o - Переключение между файлами.
• shift + shift - Search Everywhere - Поиск везде
• • tab и shft + tab - перемещение между категориями

Фичи в поиске:

• если в конце названия файла поставить : и число, то перейдет на строку в файле
• Если нужны файлы в определенных папках, то начинаем набирать название папки / файл

Навигация в коде:

• cmd + F12(fn + F12) - Отображение структуры файла
• cmd + b на методе в файле - переход к его определению
• cmd + y - тоже самое для ленивых во всплывающем окне

VCS - Version Control System

• ctrl - V - Popup VCS с пунктами меню для работы
• Можно клонировать проекты прям из программы
• При изменении в файле проектов около номера строки будет появляться цветная полоска GitGutter’а при клике на которую можно делать разные действия
• • cmd + alt + z - Откатить изменения
• cmd + k - Коммит и просмотр изменений. Применить crtl/cmd + enter
• cmd + shift + k - Запушить
• Киллер фича ctrl + v -> Show History - показывает всю историю изменения файла на компьютере(не git)
• Крутой инструмент для merge’а
• Дерево git веток, как в SourceTree

Работа с кодом:

• shift - cmd + v - выбор для вставки того, что было когда либо скопировано во время работы
• Множественные выделения:
• • alt + click - Вручную ставить каретку
• • cmd + f - поиск по файлу
• • Выделить слово нажать ctrl + cmd + g - выделится все что нашел
• • Выделить слово и нажать ctrl + g - последовательно все выделить + shift - снимаем выделения
• • Clone Carret Above/Below - Клонирование каретки. Клавиша не назначена. Я назначил fn + ctrl вверх/вниз
• alt + вверх/вниз - последовательное выделение блоков кода
• Волшебный автокомплит. F1 - если вы пишете документацию, то высветится документация по методу
• • Постфиксное автодополнение. Вводим имя класса, нажимаем enter - выводятся его методы.
• Документация к методу/функции - Начинаем набирать шаблон /** нажимаем enter и магия происходит! Появляется разметка доки с параметрами метода/функции
• Snippet’ы находятся в Preferences/Editor/Live Templates
• alt + cmd + L - Автоформатирование кода

Автоматизация:

• Запуск скриптов gulp/grunt/npm
• ctrl + alt + r - Маленькая панелька для запуска скриптов. Можно редактировать. Можно добавить совсем простые команды npm - например npm shrinkwrap
• Можно добавить выполнение тестов

Линтеры:

• Встроенный литер
• Можно подключить, настроить ESLint.
• Можно настроить цветовые схемы для ошибок. Чтобы прям в глаза бросались

Дебаггер:

• Есть встроенный дебаггер. Позволяет запускать приложение на своем внутреннем сервере и проводить дебаггинг

Можно удобно назначать свои горячие клавиши:

• Например:
• Переключение между проектами - Open Reseant - ctrl + cmd + p

Хаки:

• Папку .idea можно не игнорить в IDE. Можно игнорить отдельные файлы типа workspace, а вот файл для конфигурации run’ов лучше оставить - ибо проще для всех в команде

Отличие WebStrom’а от PhpStorm, Rubymine, PyCharm

• Функционал WebStorm’а включен везде, только некоторые плагины надо включить

Найденые общие интересные комбинации

• alt + = , shift + alt + = - «Елочки»
• alt + backspace - Удаление по словно