IDE для разработки WordPress (независимо от опыта)

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

Первый предлагает веб-сервер Nginx, сервер базы данных MySQL, а Homebrew позволяет установить PHP. Composer дает вам возможность работать с зависимостями PHP. Если вы не читали этот пост, я настоятельно рекомендую его, поскольку этот пост основан на всей этой среде.

В частности, я собираюсь говорить об IDE. Я думаю, это горячая тема, но если у вас нет предпочтений, я собираюсь провести вас через процесс выбора того, который я считаю лучшим (по крайней мере, для начала), его настройки и использования. в контексте среды, установленной на прошлой неделе.

IDE для разработки WordPress

От многих профессиональных разработчиков WordPress вы, вероятно, слышали, как они говорят о PhpStorm. И не зря. Я использую эту конкретную IDE уже более года, и она действительно мощная.

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

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

Как я сказал в предыдущем посте:

Если я собираюсь подробно писать об этом материале, должен ли я предполагать, что мы все используем одну и ту же среду?

Поскольку я ошибаюсь на стороне «да», то я думаю, что уместно выбрать IDE, которая, по моему мнению, будет хорошо работать со всеми — от тех, кто только учится, до тех, кто немного более продвинут. Введите код Visual Studio.

Примечание об этой IDE

Если вы читаете этот блог какое-то время (или только начинаете), то вы обнаружите, что у меня есть архив сообщений об этой конкретной IDE. Некоторые из постов, которые я написал, включают:

• Код Visual Studio для разработки WordPress
• Настройка PHP CodeSniffer в Visual Studio Code
• TODO, ОБЗОРЫ и FIXME ,
• и так далее.

На самом деле, у меня есть целый список невыполненных работ, которые вы можете просмотреть. Проблема: это немного устарело. При использовании PhpStorm Visual Studio Code (или сокращенно Code) значительно улучшился с тех пор, как я использовал его в последний раз.

С учетом сказанного, некоторые из этих материалов могут показаться излишними, но в конечном итоге они приведут нас всех к одной и той же странице.

Код Visual Studio

Прежде чем начать, стоит упомянуть две вещи:

• Почему код Visual Studio?
• Начало работы с кодом Visual Studio

Последнее — большая тема, потому что она включает в себя ряд вещей, которые нужно установить, настроить и настроить, поэтому я расскажу об этом, начиная с этого поста и нескольких новых, но, по крайней мере, стоит поговорить о том, почему Visual Studio Code — это надежная среда разработки для WordPress.

1 Почему Visual Studio Code?

Помимо совместимости со всеми основными операционными системами, первое, что следует отметить в Code, — это то, что он хранит копию своих настроек в собственном файле, поэтому вы всегда можете вернуться к нему, но вы можете настроить его в соответствии со своими собственными настройками. .

Кроме того, все это хранится в файле JSON, что позволяет вам настроить его в соответствии со средой, в которой вы работаете. Возможно, это PHP, возможно, это JavaScript, а может быть, это что-то совершенно другое.

Кроме того, сохранение переносимых настроек позволяет легко обмениваться ими между вашими компьютерами. Это означает, что вы можете поместить файл, скажем, в папку Dropbox, и ваши настройки будут доступны на всех ваших компьютерах.

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

2 Начало работы с кодом Visual Studio

Начать работу с IDE просто. Это действительно вопрос:

1. Перейдя на домашнюю страницу программного обеспечения,
2. Скачав версию, подходящую для вашей операционной системы,
3. Затем установите его.

Но просто установить его недостаточно, не так ли?

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

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

Что насчет расширений?

Помните, однако, что поскольку в этой серии и в следующей статье мы работаем в основном с WordPress и связанным с ним программным обеспечением, нам нужно убедиться, что у нас установлено несколько вещей, чтобы правильно справляться с тем, что мы собираемся делать.

Сюда входят такие вещи, как поддержка:

• Вордпресс. Одна из приятных особенностей умной IDE заключается в том, что она может предлагать завершение кода. Использование такого языка, как PHP, обычно предлагается большинством IDE. Этот плагин добавляет поддержку WordPress.
• Стандарты кодирования PSR2. Хотя когда-то я был поклонником стандартов кодирования WordPress, с тех пор я перешел на стандарты кодирования PSR (по разным причинам).
• Отладка. Использование Xdebug необходимо, если вы хотите, чтобы в вашем коде использовались операторы echo и var_dump . Кроме того, это помогает глубже заглянуть в исходный код WordPress при анализе потенциальных проблем.
• ТОДО Управление. Большую часть времени при написании кода будут места, к которым вам нужно вернуться и просмотреть, исправить или просто сделать, прежде чем выпускать что-то для подготовки или производства. Использование такого инструмента поможет вам легко найти их перед фиксацией кода в системе управления версиями или его развертыванием.
• И более.

Очевидно, что перечисленные выше вещи ведут вас на домашнюю страницу каждого из плагинов, но возможно — и, вероятно, лучше — установить их из редактора, чтобы вам было легче ими управлять.

Помните, цель предыдущего поста состояла в том, чтобы иметь возможность легко управлять всем программным обеспечением, которое мы устанавливаем. И установка расширений через IDE обеспечивает точно такие же возможности для IDE.

Наконец, это расширения, которые я считаю полезными при работе с WordPress.

Следующий

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

Кроме того, в нем не говорится об обычных табуляциях и пробелах, о шрифтах, которые, как мне кажется, стоит использовать, Sass linting, стиле JavaScript и linting и так далее.

До тех пор работайте над установкой кода Visual Studio и его настройкой с помощью расширений, указанных выше. Это легко сделать из среды IDE. А если у вас есть какие-либо вопросы, не стесняйтесь оставлять их в комментариях.