PhpStorm — Лучший редактор для создания веб сайтов. Горячие клавиши

phpStorm быстрый старт

PhpStorm - это профессиональная кросс-платформенная среда разработки от компании JetBrains написанная на языке JAVA. Это по настоящему мощная и компактная IDE предназначенная для программирования на таких языках как: PHP и JavaScript.

PhpStorm - горячие клавиши

Команда Mac OS X Windows/Linux Описание
Preferences/Settings cmd + , cntrl + alt +s Открыть настройки phpStorm
Switch tabs cmd + tab cntrl + tab Переключение между открытыми вкладками
Search double shift double shift Открыть окно поиска по проекту
New cmd + n cntrl + n Создать новый файл/Директорию
Save cmd + s cntrl + s Сохранить изменения в текущем файле
Save as cmd + shift + s cntrl + shift + s Сохранить изменения в файле с новым именем
Close tab cmd + w cntrl + f4 Закрыть текущую вкладку
Find in path cmd + shift + f cntrl + shift + f Поиск по всему проекту
Find cmd + f cntrl + f Поиск по файлу
Replace cmd + r cntrl + r Замена найденных символов
Dublicate lines cmd + d cntrl + d Создать дубликат текущей сроки
Safe delete cmd + backspace cntrl + y Удаление всей текущей строки
Select block alt + up cntrl + w Выделить блок кода (слово/строка/документ)
Move line up cmd + shift + up cntrl + shift + up Переместить текущую строку на одну строку вверх
Move line down cmd + shift + down cntrl + shift + down Переместить текущую строку на одну строку вниз
Line comment cmd + / cntrl + / Добавить строчный комментарий
Block comment cmd + shift + / cntrl + shift + / Добавить блочный комментарий
Reformat code cmd + alt + l cntrl + alt + l Восстанавливает форматирование кода согласно настройкам
Multi select alt + click alt + j + click Множественный курсор (нажать и немного подержать - выделит все вхождения)
Last edition location cmd + shift + backspace cntrl + shift + backspace Вернуться к предыдущему месту редактирования

Почему phpStorm ?!

-Анализ кода на лету
-Мощный редактор HTML и CSS
-Рефакторинг кода
-Автодополнение кода
-SQL-редактор
-FTP, SHH, GIT
-Работа с базой данных напрямую из интерфейса
-Emmet
-Возможность создавать темплейты
-И многое другое.

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

PhpStorm - 1. Начало работы

После установки и запуска программы, у вас вылезет окно, в котором необходимо создать новый проект (Create new project). Далее вам нужно выбрать в какой директории вы хотите создать ваш проект. Если вы не используете php и у вас на компьютере не установлен локальный сервер, то вам не нужно прописывать путь до интерпретатора языка PHP.

phpStorm создать документ

Это важно:
Если после создания проекта вы закроете phpStorm, то вам не нужно беспокоиться за сохранность вашего проекта. С последующим запуском программы ваш проект будет открыт в автоматическом режиме и вы без проблем сможете продолжить работу с того места на котором остановились.

PhpStorm - 2. Оформление

Для того чтобы сменить стандартную тему на любую другую:

phpStorm сменить тему

1. Зайдите в file -> settings
2. Раздел Apperance & Behavior -> apperance -> ui options: theme
3. Раздел Editor -> colors & fonts -> scheme
4. Примените настройки

PhpStorm - 3. Создание файлов

phpStorm создание файла

Кликните по проекту правой кнопкой мыши и выберите нужный формат файла для работы.

PhpStrom - 4. Emmet

Создайте пустой html файл. Пропишите в документе ! и нажмите клавишу tab.

phpStorm html emmet

Неплохо правда? В phpStorm это называется Live templates. Вы можете создать любую команду и свой template с любым содержимым! Для этого вам нужно перейти в раздел settings -> live templates. Здесь представлены различные команды для создания разметки.

phpStorm emmet

Допустим мы хотим создать div с классом container:

phpStorm emmet

Если же нам нужно создать div с двумя классами:

phpStorm emmet

Или же нам нужно создать div с классом container в нутри которого есть div с классом block1 внутри которого есть ul список:

phpStorm emmet

Если вам нужно сразу в нескольких местах прописать содержимое:

phpStorm emmet

А что если нам нужно быстро добавить рандомный текст? Не проблема! :

phpStorm emmet lorem

PhpStorm - 5. Комментарии

Для того , чтобы быстро закомментировать любой участок кода достаточно нажать сочетание клавиш ctrl + / и наоборот если мы хотим раскомментировать код.

phpStorm comments

На случай если мы хотим оградить участок кода комментарием:

phpStorm comments

PhpStorm - 6. Форматирование кода

Для корректного форматирования кода требуется выделить целиком содержимое файла ctrl + a и нажать клавиши ctrl + alt + L.

phpStorm выравнивание форматирование

PhpStorm - 7. Обертка

Если вдруг мы написали огромное количество кода и появилась необходимость обернуть весь код в новый тег:
cntrl + alt + t

phpStorm форматирование

PhpStorm - 8. Автодополнение

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

phpStorm автодополнение подсказка

PhpStorm - 9. Базы данных

IDE PhpStorm содержит в себе инструмент для работы с базами данных. Вам больше не нужно заходить в phpMyAdmin!

phpStorm database

PhpStorm - 10. FTP, SSH

Подключайтесь к хостингу и выгружайте ваш проект на сервер! Кроме того вы можете реактировать файлы на хостинге прямиком из интерфейса программы! Чтобы настроить соединение вам нужно зайти в tools -> deployment -> remote host и настроить ваше соединение. Для того чтобы выгрузить нужные файлы на сервер необходимо выделить их и сочетанием клавиш ctrl + shift + alt + x отправить их на сервер.

phpStorm ftp

Читайте также:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *