✅ Новости WEB и WordPress, темы, плагины. Здесь мы делимся советами и лучшими решениями для веб-сайтов.

Настройка MacBook Pro 2017 года для разработки WordPress

52

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

Это было бы похоже на взрослый эквивалент «Моя собака съела [последний месяц] мою домашнюю работу». Или что-то в этом роде.

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

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

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

Но вот мы здесь.

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

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

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

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

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

Вот так.

Мои приложения

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

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

  • Атом. Хотя раньше я использовал его как обычную IDE, теперь я использую его как текстовый редактор, редактор уценки и так далее.
  • Бармен 3. Это мое любимое приложение для очистки строки меню Mac. Это помогает свести к минимуму отвлекающие факторы, обеспечивая быстрый доступ ко всем нужным приложениям.
  • Лучше переименовать 9. Я навязчиво отношусь к тому, как я упорядочиваю и создаю резервные копии своих фотографий и видео, поэтому я использую это приложение, чтобы использовать данные EXIF ​​мультимедиа, чтобы упорядочить их на основе метки времени.
  • КардХоп. Это новое приложение в моем арсенале (по крайней мере, на момент написания этого поста), и оно просто используется, потому что я легко разочаровываюсь в приложении «Контакты» от Apple и потому, что я думаю, что Flexibits пишет хорошее программное обеспечение.
  • ЧистыйМак. MacPaw — еще одна компания, производящая хорошее программное обеспечение. Я запускаю это в конце каждой недели, чтобы убедиться, что избавился от большого количества мусора (как правило, различных файлов кеша из разных приложений), накопившегося за неделю. Кроме того, это помогает в процессе удаления, если вы что-то установили и хотите полностью удалить это.
  • КодКит. Я писал об этом приложении в ряде постов. Я все еще рекомендую это, но это зависит от проекта. Я также использую такие инструменты, как Gulp и различные пакеты (о которых я расскажу позже в этом посте).
  • Дропбокс. Это для общей синхронизации файлов между приложениями (например, Transmit) и обмена файлами с дизайнерами, семьей и друзьями.
  • Дроплр. Это стало моим де-факто приложением для обмена изображениями, скринкастами и другими медиафайлами с коллегами. Это быстро, предоставляет полезную статистику, минимальна и стоит годовой подписки.
  • Эверноут. Я делаю много заметок, используя свой iPad и Notability, и ни в одном другом приложении нет поиска по распознаванию рукописного ввода, кроме Evernote.
  • ExifPurge. Это полезно, когда вы хотите поделиться медиафайлами с другими, но я не хочу, чтобы у них была возможность извлекать данные о том, где и когда был снят медиафайл.
  • Фантастический. Это лучшее приложение-календарь, которое я использовал. Я пытался порвать с этим раньше, но я продолжаю возвращаться. Это еще один продукт Flexibits.
  • Близнецы. Я использую это в сочетании с Better Rename 9 (о котором я рассказывал выше). Короче говоря, он удаляет любые дубликаты). Хотя у меня их не так много, приятно убедиться, что я удаляю все, что у меня есть, прежде чем сохранять их во внешнем хранилище.
  • Ручной тормоз. Хотя я являюсь поклонником Super265 (что я имел в виду далее в этой статье), иногда меня меньше беспокоит размер файла, чем кодирование в другой кодек. И в этом случае я использую Handbrake.
  • Домашний. Я не всегда использовал это, но как только я начал, стало труднее не использовать его, особенно когда это относится к инструментам разработки (о которых я расскажу ниже). Это менеджер пакетов, но я считаю его чрезвычайно полезным при работе с инструментами, связанными с разработкой.
  • Имиджоптим. Удаляет метаданные, экономит место, сжимает изображения и делает это без потерь. Отлично подходит для тех, кто использует изображения в своих сообщениях в блогах, документах или просто делится большим количеством изображений с другими, у которых нет большой пропускной способности.
  • Калейдоскоп. Каждому разработчику, работающему в команде или работающему над программным обеспечением с открытым исходным кодом, нужен хороший инструмент сравнения. Некоторые предпочитают командную строку, другие предпочитают графический интерфейс. Я из последнего лагеря, и это всегда было моим любимым приложением.
  • Mac DVD Ripper. Если у вас есть DVD-диски, которые вы хотите сделать резервной копией, или у вас есть дети, и вы хотите загрузить видео на iPad, это приложение максимально упрощает задачу: делать свое дело.
  • Видеориппер для Mac Pro. Это самый простой способ загрузки видео из Интернета из таких источников, как YouTube. Это отлично подходит, когда вы хотите смотреть доклады, презентации или видео в автономном режиме.
  • PhpStorm. Моя любимая и любимая IDE для разработки (несмотря на свое название, она также подходит для всех языков, которые работают с ней, таких как HTML, JavaScript, CSS или их препроцессоры и т. д.).
  • Почтальон. Если вы работаете с любыми API, особенно с REST API, Postman поможет вам протестировать ваш или чужой API, прежде чем пытаться интегрировать вызовы к нему в ваше приложение.
  • Экранный поток. Это лучшее приложение для тех случаев, когда вам нужно сделать серьезный скринкаст высокого уровня.
  • Продолжение Про. Это мой предпочтительный внешний интерфейс базы данных.
  • Слабый. На данный момент я не думаю, что это приложение нуждается в каком-либо описании. Именно так мы с моей командой поддерживаем связь друг с другом, интегрируем наши услуги и в целом выполняем работу.
  • Скитч. Это хорошо для быстрого аннотирования изображений, хотя Droplr тоже неплохо справляется с этим. На самом деле это зависит от того, что вам нужно, но я все же рекомендую его для определенных случаев использования.
  • Спотифай. Хотя у нас также есть членство в Apple Music, я предпочитаю это приложение для потоковых сервисов. Его функции обнаружения и способность создавать списки воспроизведения на основе моих привычек прослушивания — вот что мешало бросить. Так что я не знаю.
  • Уведомления Спотифай. Надежное приложение для уведомлений о том, какая песня играет вместе с обложкой альбома и т. Д. Это недостающая функция Spotify, и она хорошо справляется с тем, что предлагает iTunes.
  • Супер265. Хотя я также являюсь поклонником Handbrake, я обнаружил, что это конкретное приложение — и, конечно же, более новое — отлично справляется со съемкой видео и его сжатием (иногда на 50%) с качеством без потерь.
  • Вещи. Несомненно, мое любимое приложение для выполнения задач, а его интеграция с Apple Reminders и Siri вместе с синхронизацией iOS делают его еще лучше.
  • Башня. За последний год или около того я стал все более и более комфортно работать с Git в командной строке, но все еще есть проекты, над которыми я работаю, и я использовал Tower с момента первого коммита. Это мой любимый графический интерфейс Git.
  • Передать. Мой любимый клиент S/FTP.
  • Твитбот. Мой любимый клиент Twitter (и его интеграция с Pocket и Droplr делает его еще лучше) как на macOS, так и на iOS.
  • uTorrent. Если вам нужно что-то скачать через торренты, я рекомендую этот клиент.
  • Версии. Если вам нужен надежный графический интерфейс Subversion (например, если вы не отстаете от передовых технологий WordPress), мне это очень нравится. Cornerstone — хорошая альтернатива, но я не использую его так часто, как раньше, и я не так часто использую Subversion, поэтому простота Versions — это то, что меня покорило.
  • ВЛК. Время от времени появляются определенные видеофайлы в формате, скажем, mkv, которые я не хочу конвертировать. Это фантастический видеоплеер с открытым исходным кодом (в том числе для различных форматов).
  • Виндскриб. Это мой любимый инструмент для macOS и iOS для использования VPN при просмотре веб-страниц. Его цена справедлива, а приложения (и расширение для браузера) надежны.
  • Xкод. Собственная платформа разработки Apple, которая также необходима для запуска ряда вещей, которые вы увидите позже в этом посте.

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

Итак, вы знаете, обычное заявление об отказе от ответственности за то, что вы храните и что вы используете для хранения. Будьте умны в том, как вы сохраняете конфиденциальную информацию.

Инструменты для разработки

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

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

  • Кодекс Фиры. Это мой любимый шрифт для любой IDE или текстового редактора.
  • Материальная тема. Это полностью субъективно (как и большинство вещей в этом списке), но я обнаружил, что это тема, с которой я застрял дольше всего при использовании PhpStorm.
  • PHP. Среда выполнения, необходимая для WordPress и общей разработки PHP. У меня будут инструкции по настройке этого (и других инструментов) позже в этом документе, чтобы узнать, как установить его с помощью Homebrew, чтобы упростить управление пакетом.
  • Композитор. Если вы работаете с различными зависимостями в своих проектах, вам следует использовать Composer для управления этими пакетами.
  • WP-клиент. Это фантастический интерфейс командной строки для WordPress, который находится в стадии серьезной фантастической разработки, что делает работу с WordPress на уровне командной строки не только возможной, но и простой.
  • PHPUnit. Если вы собираетесь писать модульные тесты для своего проекта, я рекомендую именно этот фреймворк.
  • Сниффер кода PHP. Это библиотека, позволяющая убедиться, что ваш код соответствует любому из стандартов, которые я перечислю в следующем пункте. Это гарантирует, что вы следуете правильным правилам и пишете вещи правильно.
  • Стандарты кодирования PHP. Существует два основных типа стандартов кодирования, которые вы, вероятно, будете использовать (если вы читаете этот блог), и это либо PSR, либо WPCS. В зависимости от того, какой из них вы используете, будет зависеть, как вы их установите. Несмотря на это, каждый из них требует, чтобы PHP Code Sniffer был установлен в первую очередь.
  • камердинер. Я писал о других готовых инструментах, таких как MAMP, в других постах, но я использовал Valet в течение большей половины 2017 года, и он действительно «просто работает». С ним действительно легко работать, и он упрощает создание новых сайтов и проектов.
  • Отладка. Если вы пишете серверный код (а если вы пишете PHP, то так и есть), то для отладки нужно нечто большее, чем echo и var_dump. Введите Xdebug.
  • узел. Это еще один менеджер пакетов для использования различных библиотек JavaScript. Если вы собираетесь что-то делать с Sass, Less, JavaScript, сжатием изображений и т. д., я рекомендую включить их в свой рабочий процесс. См. также этот пост.

После того, как вы все это установили, необходимо выполнить настройку. Я расскажу и об этом.

Настройка моих инструментов разработки

Как упоминалось ранее, многие из пакетов, которые я устанавливаю на этом этапе, выполняются через Homebrew, поэтому предполагается, что у вас установлен Homebrew.

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

Если есть какие-либо примечания по конкретному пакету, я включу их в соответствующую суть.

Примечание о домашнем пивоварении

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

Это делает вещи более, гм, управляемыми. И это делает вашу систему немного чище (для тех, кто [странно] навязчив в этом).

1 Установка Хоумбрю

$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

2 PHP

$ brew tap homebrew/php
$ brew install homebrew/php/php70

3 Композитор

4 WP-CLI

5 PHPUnit

6 Сниффер кода PHP

$ brew install php-code-sniffer

7 камердинер

$ composer global require laravel/valet
$ export PATH="$PATH:$HOME/.composer/vendor/bin"
$ valet install

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

8 Отладка

$ brew install homebrew/php/php70-xdebug

Если вы используете Valet, вам также потребуется добавить несколько строк конфигурации, чтобы вы могли правильно использовать Xdebug с Valet в сочетании с PhpStorm.

Для этого добавьте следующие строки в /usr/local/etc/php/7.0/conf.d/ext-xdebug.ini :

xdebug.remote_enable=1
xdebug.remote_port=9001
xdebug.remote_autostart=1
xdebug.idekey=PHPSTORM

Конечно, расположение вашего idekey и файла конфигурации будет зависеть от того, какую версию PHP вы установили и какую IDE используете.

9 узел

10 MySQL

$ brew install mysql
$ brew services start mysql

Расширения браузера

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

  • Блокировщик рекламы в Фейсбуке. Я не часто пользуюсь Facebook, но когда я это делаю, я хочу немного отвлечься, насколько это возможно.
  • Потрясающий скриншот. Для тех случаев, когда вам нужно сделать снимок чего-то, чтобы отправить кому-то еще, конечно. Хорошо работает с Droplr.
  • Буфер. Мне нравится буферизовать многие мои твиты, и это упрощает работу.
  • ColorZilla. Когда вы выбираете цвета для существующего изображения, дизайна или темы, это помогает получить значения RGB и шестнадцатеричные значения.
  • Призраки. У людей смешанные чувства по этому поводу (и меня это устраивает), но это для того, чтобы прекратить рекламу и отслеживание.
  • грамматически. Чтобы убедиться, что я действительно хорошо строю предложения и пишу слова.
  • Объединить окна. Во-первых, у нас было слишком много окон, поэтому мы ввели просмотр вкладок. Теперь у нас просто слишком много окон со слишком большим количеством вкладок. Это объединяет все окна в одно окно.
  • Удалите W3Schools. Удаляет W3Schools из результатов поиска Google, чтобы вы могли получить лучшие результаты.
  • Сортировщик вкладок. Когда ваши вкладки выходят из-под контроля между Asana, Trello, Pocket, Reddit и т. д., это помогает упорядочить их по типу.
  • Дроссель. Это работает в сочетании с веб-службой Throttle для создания одноразовых адресов электронной почты (которые вы все еще можете использовать для чтения электронной почты) для служб, с которыми вы не обязательно хотите идти в ногу.
  • Тоби для Хрома. Отлично подходит для сохранения и группировки сеансов вкладок (если вы решите не использовать Tab Sorter), чтобы вы могли вернуться к работе над тем, что вы делали, когда вы отошли, перезапустили или что-то еще.
  • Помощник Xdebug. Работает в сочетании с Xdebug, помогая отлаживать, профилировать и отслеживать производительность и код в локальном веб-приложении.

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

Конец

Почему мои расширения браузера последние? Я знаю, это выглядит как-то глупо — не будут ли они частью, скажем, моего стандартного набора приложений?

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

С другой стороны, бывают случаи, когда мне приходится что-то менять, скажем, с PHP7 на PHP5.6 в зависимости от проекта. Также бывают случаи, когда я использую другие библиотеки, такие как PHPMD и т. д., которые я здесь не рассматривал, поскольку они являются инструментами для конкретных проектов.

Но из настройки моей системы, это общий обзор. Так что теперь у меня есть задокументированная ссылка на то, что мне нужно установить из Mac App Store, из разных мест в Интернете, команды, которые мне нужно запустить, и как я могу быстро запустить и восстановить машину, если что-то снова сломается.

После всего сказанного мне интересно, не стоит ли на всякий случай купить дешевую резервную машину.

Но я не знаю. Это другой пост.

Эпилог

Если вы ищете еще один пост, похожий, хотя и с более подробной информацией о некоторых инструментах, я рекомендую ознакомиться с постом Карла Александра.

Источник записи: tommcfarlin.com

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