1


 
 
 

МЕХЗАВОД | Сайтостроение для начинающих

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.



phpStorm

Сообщений 1 страница 6 из 6

1

phpStorm - IDE для тех, кто пишет на PHP. Давно еще слышал о редакторе, а недавно вышла новая 5 версия (на Хабре статья), решил попробовать и она мне очень понравилась. Так как до 16 февраля у них была скидка на 50 процентов и можно было купить софтину за 49 долларов США, то без колебаний купил ее (в принципе мог и ломанную где-то найти, но совесть мне не позволяет :)).
IDE просто супер , порадовала поддержка LESS / SASS. Zen coding - вообще бомба. Поддержка Git, SVN и т.д. из коробки. На счет настроек - можно все (почти абсолютно все) настроить под себя. Чем много писать, лучше один раз попробовать.
Радует, что персональную лицензию можно использовать на нескольких машинах (только не одновременно), поставил себе phpStorm на работе и дома.

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

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

http://sa.uploads.ru/t/azJKE.gif

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

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

http://s9.uploads.ru/t/xSoG9.gif

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

http://s5.uploads.ru/t/cK1pb.gif

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

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

http://s7.uploads.ru/t/jdghO.gif

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

http://s9.uploads.ru/t/rJ75E.gif

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

http://s8.uploads.ru/t/yEBHu.gif

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

http://sa.uploads.ru/t/GjxuA.gif

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

http://s4.uploads.ru/t/3mWBJ.gif

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

http://s3.uploads.ru/t/GHtdN.gif

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

http://sa.uploads.ru/t/BL6zZ.gif

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

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

http://sh.uploads.ru/t/UqfZP.gif

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

http://sd.uploads.ru/t/MRDbY.gif

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

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

http://s7.uploads.ru/t/HuPBd.gif

PhpStorm - 7. Обертка

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

http://s5.uploads.ru/t/YWwvT.gif

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

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

http://s5.uploads.ru/t/s8M2V.gif

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

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

http://s5.uploads.ru/t/OB2zj.gif

PhpStorm - 10. FTP, SSH

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

http://s4.uploads.ru/t/RFS1g.gif

Отредактировано Dachnic (2018-03-17 17:01:29)

2

PhpStorm – это интегрированная среда разработки на PHP с интеллектуальным редактором, которая глубоко понимает код, поддерживает PHP 7.0, 5.6, 5.5, 5.4 и 5.3 для современных и классических проектов, обеспечивает лучшее в индустрии автодополнение кода, рефакторинги, предотвращение ошибок налету и поддерживает смешивание языков.

http://s9.uploads.ru/t/FcUQ1.jpg

Сотни инспекций заботятся о верификации кода, анализируя проект целиком во время разработки. Поддержка PHPDoc, code (re)arranger, форматтера кода с конфигурацией стиля кода и другие возможности помогают разработчикам писать опрятный и легко-поддерживаемый код.

Поддерживаются передовые технологии веб-разработки, включая HTML5, CSS, Sass, SCSS, Less, Stylus, Compass, CoffeeScript, TypeScript, ECMAScript Harmony, шаблоны Jade, Zen Coding, Emmet, и, конечно же, JavaScript.

PhpStorm включает в себя всю функциональность WebStorm (HTML/CSS редактор, JavaScript редактор) и добавляет полнофункциональную поддержку PHP и баз данных / SQL.
Ключевые возможности

    Интеллектуальный редактор PHP кода с подсветкой синтаксиса, автодополнением кода, расширенными настройками форматирования кода, предотвращением ошибок налету
    Поддерживает PHP 7.0, 5.6, 5.5, 5.4 и 5.3, генераторы, сопрограммы и все синтаксические улучшения
    PHP рефакторинги, code (re)arranger, детектор дублируемого кода
    Поддержка Vagrant, Composer, встроенный REST клиент, Command Line Tools, SSH консоль
    Поддержка фреймворков (MVC view для Symfony2, Yii) и специализированные плагины для ведущих PHP фреймворков (Symfony, Magento, Drupal, Yii, CakePHP и многие другие)

    Визуальный отладчик для PHP приложений, валидация конфигурации отладчика, PHPUnit с покрытием кода (поддержка PHPUnit 5), а также интеграция с профилировщиком
    HTML, CSS, JavaScript редактор. Отладка и модульное тестирование для JS. Поддержка HTML5, CSS, Sass, SCSS, Less, Stylus, Compass, CoffeeScript, TypeScript, ECMAScript Harmony, Emmet и других передовых технологий веб-разработки
    Полный набор инструментов для фронтенд-разработки
    Поддержка стилей кода, встроенные стили PSR1/PSR2, Symfony2, Zend, Drupalи другие

    Интеграция с системами управления версиями, включая унифицированный интерфейс
    Удаленное развертывание приложений и автоматическая синхронизация с использованием FTP, SFTP, FTPS и др.
    Live Edit: изменения в коде можно мгновенно просмотреть в браузере без перезагрузки страницы.
    PHP UML
    Интеграция с баг-трекерами
    Инструменты работы с базами данных,SQL редактор
    Кросс-платформенность (Windows, Mac OS X, Linux)

Что нового

Ключевые возможности, добавленные в PhpStorm 10:

    Больше возможностей для работы с языком PHP: поддержка PHP 7 (включая инспекции совместимости c PHP 7), улучшеные возможности автодополения кода, улучшенные возможности рефакторинга.
    Более удобная отладка: интерактивная консоль во время отладки кода (REPL), возможности автодополнения кода в контрольныx значенияx (watches pane), списке вывода (evaluation dialog) и в точках остановки (breakpoints).
    Анализ кода: Анализ потока данных для лучшего помания кода и анализа сложных участков.
    Поддержка PHPUnit 5, Docker и других сторонних интструментов.
    Ряд улучшений во взаимодействии с фреймворками и сторонними инструментами.

В PhpStorm 10 также улучшена поддержка ведущих веб-технологий:

    Flow
    Angular 2
    TSLint
    TypeScript 1.5 и 1.6
    ECMAScript 2015

Кроме того, упралять проектами стало легче благодаря диалогу Manage Projects. В дополнение, в PhpStorm 10 улучшены инструменты для работы с базами данных.

3

 

4

 

5

 

6

PhpStorm - Топ производительных хаков и комбинаций клавиш.

Конечно же у каждого из нас есть любимые IDE/редакторы, которые мы предпочитаем использовать во время кодирования. Мой – это PhpStorm, и я пользуюсь им, как мастером для создания ярлыков и быстрого рабочего процесса. В этой статье я продемонстрирую несколько сочетаний клавиш и дам несколько подсказок, которые помогут вам избежать рутинной работы с IDE.

Заметьте: я делаю свои разработки на Linux, размещённых на Windows, поэтому мои ярлыки могут отличаться от ваших. Но ссылки карт JetBrains прекрасно им соответствуют, а вообще существует OS X альтернатива: Справочное руководство.
Сочетания клавиш и хаки.

Высокая конфигурация PhpStorm (почти с таким же IDE как на Андроиде) позволяет вам проводить точные настройки – вы можете сделать инструменты настолько личными, что людям, открывающим ваши настройки, будет казаться другое IDE. Давайте посмотрим на некоторые сочетания клавиш и хаки, которые мы вам настоятельно советуем использовать в дальнейшем:

• CTRL + ALT + L, одна из самых моих часто используемых клавиатурных комбинаций, немедленно отформатирует ваш код, в соответствии с выбранным стилем руководящей инструкции.
http://sh.uploads.ru/BJQSv.gif

Более того, как мы видим на всплывающем окне появляющейся выше анимации, вы можете выбрать настройку «поменять формат всего проекта». Если вы используйте эту функцию чрезмерно и при этом работаете над данным проектом в одиночку, вы можете выбрать другую метку – привязать макрос к CTRL+S, и тогда PhpStorm автоматически будет изменять формат кода после каждого вашего ручного сохранения. Однако заметьте, что если над проектом с вами работает кто-нибудь ещё, тогда это может вызвать слишком частое выполнение рефакторинга в различных файлах, и привести к загрязнению системы контроля изменений, которая в последующем из-за этого вообще не будут изменяться. Если вы работаете на Linux, сочетание CTRL+ALT+L можно связать с “Заблокировать Экран”, тогда вам надо будет освобождаться от этой системы или изменять её в настройках PhpStorm.

• Зажимая CTRL+SHIFT+Backspace или используя кнопки мыши «Вперёд» и «Назад», вы сможете просматривать раннее отредактированные места. Это сочетание является очень полезным, когда вы имеете дела с очень большим файлом, а вам надо перенестись в другую его часть, а потом снова вернуться к тому же месту и продолжить работу:
http://s3.uploads.ru/mgCDG.gif

• Удерживая CTRL и наводя курсор на переменные или методы, вы получаете полное имя или месторасположение декларации, в то время как CTRL+щелчок на переменную или метод , или удерживание CTRL+B приведут вас прямо к месту, где эта переменная или метод определяются(объявляются):
http://sd.uploads.ru/Mk6dO.gif

• CTRL+Space вызовут спрятанные подсказки кода диалогового окна, в случае если вы ненароком закрыли это окно или по каким-то причинам оно не открылось:
http://s8.uploads.ru/SFQGh.gif

• Когда PhpStorm обнаруживает какую-то проблемы, то он выделяет проблематическую зону и вызывает лампочку, на которую вы должны навести курсор мышкой или клавиатурой. Нажмите на лампочку или удерживайте ALT+Enter, после этого появится окно с вариантами исправлений на любом языке:
http://sg.uploads.ru/ztAam.gif

• CTRL+N и CTRL+SHIFT+N позволят вам мгновенно переместиться в любую часть любого класса или файла всего проекта:
http://sd.uploads.ru/WwCsz.gif

Поиск не является строгим, а также поддерживает номера строк, вы можете использовать следующее сокращение: ХХ, где ХХ – номер строки:
http://s9.uploads.ru/VGMiC.gif

• Если вы любите следующую способность Sublime: искать что-либо по командам IDE, тогда можете делать и так. CTRL+SHIFT+A предоставит поиск запрошенной команды. Забыли каким стал код после форматирования? Просто нажмите CTRL+SHIFT+A и печатайте “refor..”:
http://sh.uploads.ru/funaV.gif

• Чтобы создавать HTML без полного его написания, используйте Emmet (основанный на PhpStorm). Напечатайте div#myDiv>span.mySpanClass>ul>li*5 , тогда появится всплывающая таблица:
http://s9.uploads.ru/SNDvi.gif

Дальнейшие расширение может вестись на любом выбранном вами языке, добавляйте собственные шаблоны расширения в диалог Settings -> Editor -> Live Templates. Потом просто будете наводить курсор на нужное место и вставлять нужное уже существующее расширение.

• Комбинация CTRL+W (чаще всего используется при закрывании таблиц, однако вы можете её переназначить) будет выбирать «блок» кода, выделенного курсором (слово, строка, абзац). Повторите комбинацию, затем расширьте весь путь к файлу (например, функциональный выбор -> инстанция и выбор функции -> ряд -> весь ряд -> метод -> содержащий класс…)
http://s5.uploads.ru/yOrdR.gif

• Использование контекстного(нижнего) поля позволит вам изменять строку, которая написана на другом языке в специальном редакторе. Например, если у вас есть фрагмент HTML написанный в строке PHP, вы можете ALT+ENTER перенестись в содержание данной строки и выбрать Edit HTML (редактирование) содержания. Тогда случиться следующее:
http://s3.uploads.ru/lFKjX.gif

• Режим выбора столбца может быть вызван удерживанием средней кнопки мышки и перемещение всего кусочка кода. Я нахожу эту операцию очень полезной, когда мне надо вставить часть изрезанного кода не копируя пробел:
http://s7.uploads.ru/ky0M2.gif

• Нажатие ALT+Home позволит вам перемещать курсор по иерархической системе. Пропуская режим ESC вы сможете снова вернуться к редактору, если вы выбрали файл из определённой иерархии – тогда файл немедленно появится на экране.
http://s3.uploads.ru/pHtow.gif

• Рефакторинг (переименование) переменных и изменение их местоположения легко совершать нажатием правой кнопки мыши, удерживанием SHIFT+F6 или даже SHIFT+ALT+CTRL+T, этим самым вы вызовете полное меню рефакторинга, как показано ниже:
http://s8.uploads.ru/JsNru.gif

• CTRL+F12 выдвинет popup позволяющий вам выбрать метод текущего файла, который вы хотите открыть. Хотя и нет поискового поля, но, начав печатать, вы сможете сузить выбор до определённого метода.
http://sg.uploads.ru/h6SrN.gif

• Как говориться: «Сейчас вы сможете найти всё лишь двойным нажатием Shift». Это является сильным смешением всех предыдущих сочетаний, позволяющее вам найти всё, что надо в любой части проекта или IDE – начиная IDE командами или классами и заканчивая объявлением функций.
Плагины.

PhpStorm обладает богатым выбором языковых плагинов. Я, например, чаще всего использую Dart. Это не тот тип плагина, о котором я хотел бы рассказать, хотя также существует множество подобных производительных плагинов. Плагины добавляют такие функции, о которых вы даже и не думали и уж точно не знали, что PHP IDE может ими обладать:

• Комбинация плагина DynamicReturnType с хорошим инжектором позволит вам создать верный IoC и по-прежнему держать все ваши автозавершение кода и проверки, как и при работе с классами напрямую.

• Плагин ключевого промоута продемонстрирует вам сочетание клавиш, нужных для совершения вами небольших действий и их выполнения. Если вы используйте определённые действия постоянно, и они не обладают сочетанием клавиш, тогда не хотите ли добавить этот плагин?

• CSS-X-Fire позволяет вам редактировать CSS в Chrome Firebug lite, или Firefox Firebug, и, возвращаясь к PhpStorm, вам будет предложено, если вы хотите, применить внесенные изменения в браузере CSS в проекте кодекса.

• Вы должны знать: PhpStorm - это проект, основанный на IDE, а это означает, что он не может открывать и редактировать произвольные файлы проекта, как простой текстовый редактор. Это может быть ужасно, когда вам надо обсудить что-то или ввести заметки для себя, при этом не засоряя папку проекта. Scratch позволит вам использовать временные файлы именно для этих целей.
Тёмные темы для удобства чтения.

Многие люди недооценивают хорошие темы, основываясь на своём чутье или чисто из-за недостаточной красоты. Это неправильно - по хорошим темам можно определить опытного пользователя, ведь эти темы являются очень удобными и помогают вам замечать ошибки, выделять ключевые слова и пунктуацию, без особых заморочек. В использовании тёмных тем существует несколько преимуществ:

• Когда мы смотрим на светлые темы, наши глаза устают быстрее, особенно ночью (именно в это время большинство программистов предпочитают работать). На тёмном фоне, вместо того, чтобы фокусироваться на всём светлом участке и пытаться разглядеть в нём что-либо (тёмные буквы), ваши глаза немедленно реагируют(сосредотачиваются) на светлых частях текста, игнорируя фон вообще.

• Я субъективно считаю, что цвета легче заметить на тёмном фоне. На деле это обозначает, что цвета должны иметь достаточную яркость, чтобы не создавать большого контраста на тёмном фоне.

• Существует общеизвестный факт, что синий цвет светлого экран подавляет мелатонин, который нарушает вашу норму сна. Если вы обнаружите, что вам тяжело заснуть после 4 часов утра, хотя вы чувствуете себя уставшим, испытайте чёрный экран, который будет излучать меньше света в целом при работе ночью.

Вещи, всё время подвергающиеся поиску, должны иметь средний уровень контраста. Избегайте абсолютности - задний фон не должен быть полностью чёрным, а текст не должен быть полностью белым, красным, зелёным, оранжевым. Такой резкий контраст будет сбивать глаза с толку так, как это обычно бывает при абсолютно белом фоне и абсолютно чёрном тексте. Вместо этого используйте пастельные, туманные тона. Аналогично, увеличение шрифта часто является хорошей идеей, если первоначальных шрифт темы является крошечным. Глаза очень устают, читая слишком маленькие буквы, а если ещё и фон является неподходящим, тогда без головной боли этот текст вообще не прочитать. Я рекомендую вам две отличные тёмные темы для использования: Darcula, созданная с помощью PhpStorm, и Solarized.
http://sg.uploads.ru/Hf9q2.png
http://s8.uploads.ru/x2PaF.png

Как правило, именно Darcula содержит более приятную световую схему (она указанна выше). Я отношусь к тому типу разработчиков, который в своих проектах активно использует полученные комментарии, так что я люблю, когда они являются разборчивыми, но при этом не привлекают к себе большого внимания. Также, по моему мнению, структура проекта более понятна на втором скриншоте – светло-синий в сочетании с серым контрастом выглядит оптимальным для наших глаз. Конечно, существует много статей о различных темах, однако я настоятельно советую вам всё-таки не продолжать просто читать их, а покинуть зону своего комфорта на денёк или два и опробовать парочку из них. Вы будет удивлены тому, насколько быстро привыкните к новому понравившемуся вам и подходящему для вас стилю.
Заключение.

В этой статье мы рассмотрели и продемонстрировали некоторые популярные и/или широко используемые комбинации клавиш, и продуктивные хаки от PhpStorm – IDE, которые легче устанавливаются, чем казалось. Какие продуктивные хаки вам известны? Были ли они упущены здесь? Если да, то дайте нам знать в комментариях, и мы с удовольствием их добавим.



создать форум