✅ WEB і WordPress новини, теми, плагіни. Тут ми ділимося порадами і кращими рішеннями для сайтів.

Налаштування MacBook Pro 2017 для розробки WordPress

15

Минулий четвер був важким. Якби я пояснив усе, що сталося з моїм комп’ютером і моїм особистим життям, ви б подумали, що я все вигадав.

Це було б як дорослий еквівалент «моя собака з’їла [останній місяць] моє домашнє завдання». Або щось подібне.

По-перше, що стосується мого особистого життя, то це не має нічого спільного з благополуччям моєї родини. Просто локальна фіаско — чекати дві години протягом робочого дня, щоб отримати щось оброблене. Це не має значення, окрім того, як, знаєте, взяти чималий шматок робочого дня.

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

Тож мені довелося замовити заміну в короткий термін (чого я не хотів робити), доставити наступного дня до полудня (за що я не люблю платити), і я не планував цього як бізнес-витрати принаймні ще рік чи два.

Але ми тут.

І це спонукає мене написати цю публікацію: це покрокова інструкція процесу, якому я дотримуюся, програм, які я встановлюю під час налаштування нової машини, і того, як я її налаштовую.

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

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

Я думав про те, як згрупувати всі додатки разом, як згрупувати моє налаштування разом і як згрупувати різноманітні налаштування разом таким чином, щоб, здавалося б, було добре.

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

Ось і ми.

Мої програми

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

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

  • Атом. Хоча раніше я використовував це як загальну IDE, тепер я використовую його як текстовий редактор, редактор розцінок тощо.
  • Бармен 3. Це моя улюблена програма для очищення панелі меню Mac. Це допомагає звести до мінімуму відволікання, водночас гарантуючи, що я маю швидкий доступ до всіх потрібних програм.
  • Краще перейменувати 9. Я наполегливо ставлюся до того, як я впорядковую та створюю резервні копії своїх фотографій і відео, тому використовую цю програму, щоб використовувати дані EXIF ​​медіафайлів, щоб упорядкувати їх на основі позначки часу.
  • CardHop. Це нова програма в моєму арсеналі (принаймні на момент публікації цієї публікації), і нею просто користуюся, тому що я легко розчаровуюся в програмі «Контакти» від Apple і тому, що я вважаю, що Flexibits пише хороше програмне забезпечення.
  • CleanMyMac. MacPaw — ще одна компанія, яка виробляє хороше програмне забезпечення. Я запускаю це наприкінці кожного тижня, щоб переконатися, що позбуваюся великої кількості сміття (зазвичай різноманітних файлів кешу з різних програм), яке накопичилося за тиждень. Крім того, це допомагає в процесі видалення, якщо ви встановили щось і хочете повністю це видалити.
  • CodeKit. Я писав про цю програму в кількох публікаціях. Я все одно рекомендую, але це залежить від проекту. Я також використовую такі інструменти, як Gulp і різні пакунки (про які я розповім пізніше в цій публікації).
  • Dropbox. Це для загальної синхронізації файлів між програмами (наприклад, Transmit) і обміну файлами з дизайнерами, родиною та друзями.
  • Droplr. Це стало моєю де-факто програмою для обміну зображеннями, скрінкастами та іншими медіафайлами з колегами. Це швидко, надає корисну статистику, є мінімальним і варте річної підписки.
  • Evernote. Я роблю багато нотаток, використовуючи свій iPad і Notability, і жодна інша програма, крім Evernote, не має функції розпізнавання рукописного тексту.
  • ExifPurge. Це корисно, коли ви хочете поділитися медіафайлами з іншими, але я не хочу, щоб вони мали можливість витягувати дані про те, де або коли було знято медіа.
  • Фантастичний. Це найкращий календарний додаток, яким я користувався. Раніше я намагався розлучитися з цим, але постійно повертаюся. Це ще один продукт Flexibits.
  • Близнюки. Я використовую це в поєднанні з Better Rename 9 (про який я розповідав вище). Коротше кажучи, він видаляє будь-які дублікати). Хоча у мене їх небагато, приємно переконатися, що я видаляю ті, які у мене є, перш ніж зберігати їх у зовнішній пам’яті.
  • Ручне гальмо. Хоча я прихильник Super265 (про який я мав на увазі далі в цій статті), іноді мене не так турбує розмір файлу, ніж кодування в інший кодек. І коли це так, я використовую ручне гальмо.
  • Домашнє пиво. Я не завжди використовував це, але як тільки я почав, мені стало важче не використовувати його, особливо коли це стосується інструментів розробки (про які я розповім нижче). Це менеджер пакетів, але я вважаю його надзвичайно корисним під час роботи з інструментами, пов’язаними з розробкою.
  • ImageOptim. Видаляє метадані, зберігає місце, стискає зображення без втрат. Чудово підходить для тих, хто використовує зображення у своїх публікаціях у блозі, документах або просто ділиться великою кількістю зображень з іншими, хто не має великої пропускної здатності.
  • Калейдоскоп. Кожному розробнику, який працює в команді або працює над програмним забезпеченням з відкритим кодом, потрібен хороший інструмент для розрізнення. Деякі віддають перевагу командному рядку, інші віддають перевагу графічному інтерфейсу користувача. Я належу до останнього табору, і це завжди було моєю улюбленою програмою.
  • Mac DVD Ripper. Якщо у вас є DVD-диски, які ви хочете створити резервну копію, або у вас є діти, і ви хочете завантажити відео на iPad, ця програма максимально спрощує це: виберіть, яку частину DVD-диска викопіювати, а потім залиште його робити свою справу.
  • Mac VideoRipper Pro. Це найпростіший спосіб завантажити відео з Інтернету з таких джерел, як YouTube. Це чудово, коли ви хочете дивитися виступи, презентації чи відео в режимі офлайн.
  • PhpStorm. Моя улюблена IDE для розробки (незважаючи на свою назву, вона також підходить для всіх мов, які працюють у поєднанні з нею, таких як HTML, JavaScript, CSS або її попередні процесори тощо).
  • Листоноша. Якщо ви працюєте з будь-якими API, особливо з REST API, Postman допоможе вам перевірити ваш API або чиїсь інший, перш ніж спробувати інтегрувати його виклики у вашу програму.
  • ScreenFlow. Це найкращий додаток, коли вам потрібно провести серйозну трансляцію екрану високого рівня.
  • Продовження Pro. Це мій кращий інтерфейс бази даних.
  • Млявість. На даний момент я не думаю, що цей додаток потребує будь-якого опису. Це те, як я та моя команда підтримуємо зв’язок один з одним, інтегруємо наші служби та загалом виконуємо роботу.
  • Скетч. Це добре для швидкого анотування зображень, хоча Droplr також непоганий у цьому. Насправді це залежить від того, що вам потрібно, але я все одно рекомендую його для певних випадків використання.
  • Spotify. Хоча ми також маємо членство в Apple Music, це мій додаток для потокових служб. Його функції виявлення та здатність генерувати списки відтворення на основі моїх звичок прослуховування – це те, що ускладнило кинути. Так що я ні.
  • Сповіщення Spotify. Надійний додаток для сповіщень про те, яка пісня грає разом з обкладинками альбомів тощо. Це відсутня функція Spotify, і вона добре справляється з тим, що пропонує iTunes.
  • Супер265. Хоча я також є шанувальником Handbrake, я виявив, що ця конкретна програма – і вона, безсумнівно, новіша – робить чудову роботу, знімаючи відео та стискаючи його (іноді на 50%) із якістю без втрат.
  • Речі. До речі, мій улюблений додаток «вирішувати справи», його інтеграція з Apple Reminders і Siri разом із синхронізацією iOS роблять його ще кращим.
  • Вежа. За останній рік чи близько того я почуваюся все зручнішим із Git у командному рядку, але все ще є проекти, над якими я працюю, і я використовував Tower з моменту початкового коміту. Це мій улюблений графічний інтерфейс Git.
  • Передача. Мій улюблений клієнт S/FTP.
  • TweetBot. Мій улюблений Twitter-клієнт (і його інтеграція з Pocket і Droplr робить його ще кращим) як на macOS, так і на iOS.
  • uTorrent. Якщо вам потрібно завантажити щось через торренти, я рекомендую цей клієнт.
  • Версії. Якщо вам потрібен надійний графічний інтерфейс Subversion (наприклад, якщо ви йдете в ногу з передовим WordPress), мені це дуже подобається. Cornerstone — гарна альтернатива, але я не використовую її так часто, як раніше, і я не використовую Subversion довго, тому простота версій — це те, що мене підкорило.
  • VLC. Час від часу виникають певні відеофайли у форматі, скажімо, mkv, які я не хочу конвертувати. Це фантастичний відеоплеєр з відкритим кодом (також для різних форматів).
  • Windscribe. Це мій улюблений інструмент для macOS та iOS для використання VPN під час перегляду веб-сторінок. Його ціна справедлива, а програми (і розширення для браузера) надійні.
  • Xcode. Власна платформа розробки Apple, яка також потрібна для роботи ряду речей, які ви побачите далі в цій публікації.

Я намагаюся робити все простіше, але є причини, чому я використовую програми, які я роблю. І незважаючи на мої спроби бути максимально безпечними, є деякі програми, які я використовую з інших причин, а не «просто для зберігання речей».

Отже, ви знаєте, звичайна відмова від відповідальності про те, що ви зберігаєте та що використовуєте для зберігання. Будьте розумні у тому, як ви зберігаєте конфіденційну інформацію.

Спеціальні інструменти розробки

Наведений нижче список інструментів не обов’язково є вичерпним. Тобто для деяких проектів потрібні певні пакети, які просто немає сенсу перераховувати тут.

Натомість це загальний набір інструментів, які я використовую для свого середовища розробки. Він охоплює все: від того, який шрифт я віддаю перевагу, до IDE на мій вибір і все між ними.

  • Кодекс Фіра. Це мій улюблений шрифт для будь-якої IDE або текстового редактора.
  • Матеріальна тема. Це абсолютно суб’єктивно (як і більшість речей у цьому списку), але я виявив, що це тема, з якою я застряг найдовше під час використання PhpStorm.
  • PHP. Середа виконання, необхідна для WordPress і загальної розробки PHP. Пізніше в цьому документі я отримаю інструкції з налаштування для цього (та інших інструментів) щодо того, як встановити його за допомогою Homebrew, щоб полегшити керування пакетом.
  • Композитор. Якщо ви працюєте з різними залежностями у своїх проектах, тоді вам слід використовувати Composer для керування цими пакетами.
  • WP-CLI. Це фантастичний інтерфейс командного рядка для WordPress, який знаходиться на стадії серйозної фантастичної розробки, що робить роботу з WordPress на рівні командного рядка не тільки можливою, але й легкою.
  • PHPUnit. Якщо ви збираєтеся писати модульні тести для свого проекту, то я рекомендую це фреймворк.
  • PHP Code Sniffer. Це бібліотека, щоб переконатися, що ваш код відповідає будь-якому зі стандартів, які я перерахую в наступному пункті. Це гарантує, що ви дотримуєтеся правильних вказівок і правильно пишете речі.
  • Стандарти кодування PHP. Існує два загальні типи стандартів кодування, якими ви, ймовірно, будете користуватися (якщо читаєте цей блог), і це або PSR, або WPCS. Залежно від того, який з них ви використовуєте, залежатиме спосіб їх встановлення. Незважаючи на це, для кожного з них спочатку потрібно встановити PHP Code Sniffer.
  • камердинер. Я писав про інші готові інструменти, такі як MAMP, в інших публікаціях, але я використовую Valet протягом більшої половини 2017 року, і він справді, справді «просто працює». Працювати з ним дуже легко, і створення нових сайтів і проектів стає нескладним.
  • Xdebug. Якщо ви пишете код на стороні сервера (і якщо ви пишете PHP, то це так), тоді для налагодження є більше, ніж echo та var_dump. Введіть Xdebug.
  • Вузол. Це ще один менеджер пакетів для використання різноманітних бібліотек JavaScript. Якщо ви збираєтеся робити щось із Sass, Less, JavaScript, Image Compression тощо, я рекомендую включити це у свій робочий процес. Дивіться також цю публікацію.

Після того, як ви все це встановите, ще потрібно виконати налаштування. Я також розповім про це.

Налаштування моїх засобів розробки

Як згадувалося раніше, багато пакунків, які я зараз встановлюю, створюються через Homebrew, тому припускається, що у вас встановлено Homebrew.

Отже, першим кроком буде встановлення Homebrew. Усе після цього — це саме те, що потрібно ввести у ваш термінал, щоб його встановити, і нічого більше.

Якщо щодо певного пакета є якісь примітки, я додам їх до пов’язаної суті.

Примітка про Homebrew

Причина, чому я рекомендую використовувати менеджер пакетів, полягає в тому, що він значно полегшує встановлення та видалення окремих пакетів, коли вони вам потрібні.

Це робить речі більш керованими. І це робить вашу систему дещо чистішою (для тих, хто стає [дивним] нав’язливим щодо цих речей).

1 Встановлення Homebrew

$ /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 Code Sniffer

$ brew install php-code-sniffer

7 камердинер

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

Після встановлення Valet вам може знадобитися додати його до свого шляху (це те, що ви бачите, починаючи з другого рядка. Потім ви офіційно встановлюєте його, як бачите в третьому рядку).

8 Xdebug

$ 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. Я мало користуюся Facebook, але коли користуюся, то хочу трохи відволіктися.
  • Чудовий знімок екрана. Звичайно, коли вам потрібно зробити знімок, щоб надіслати комусь іншому. Добре працює з Droplr.
  • Буфер. Мені подобається буферизувати багато моїх твітів, і це полегшує це.
  • ColorZilla. Коли ви захоплюєте кольори для наявного зображення, дизайну чи теми, це допомагає отримати RGB і шістнадцяткові значення.
  • Ghostery. У людей змішані почуття щодо цього (і це добре для мене), але це для того, щоб припинити рекламу та відстеження.
  • Граматично. Щоб переконатися, що я справді гідно будую речення та пишу слова.
  • Об’єднати Windows. По-перше, у нас було забагато вікон, тому ми запровадили перегляд вкладок. Тепер у нас просто забагато вікон із занадто великою кількістю вкладок. Це об’єднує всі вікна в одне вікно.
  • Видаліть W3Schools. Видаляє W3Schools із результатів пошуку Google, щоб ви могли отримувати кращі результати.
  • Сортувальник вкладок. Коли ваші вкладки виходять з-під контролю між Asana, Trello, Pocket, Reddit тощо, це допомагає впорядкувати їх за типом.
  • дросель. Це працює в поєднанні з веб-службою Throttle для створення одноразових адрес електронної пошти (які ви все ще можете використовувати для читання електронної пошти) для служб, за якими ви не обов’язково хочете стежити.
  • Тобі для Chrome. Чудово підходить для збереження та групування сеансів вкладок (якщо ви вирішите не використовувати сортувальник вкладок), щоб ви могли повернутися до роботи над тим, що ви робили, коли відійшли, перезапустили чи будь-що інше.
  • Помічник Xdebug. Працює в поєднанні з Xdebug, щоб допомогти налагодити, профілювати та відстежувати продуктивність і код у локальній веб-програмі.

Є й інші розширення, які я використовую для таких програм, як 1Password і Pocket, але вони, здається, не такі актуальні, тому я вирішив виключити їх, особливо тому, що ці служби менш орієнтовані на розробку.

Кінець

Чому мої розширення браузера останні? Я знаю, це здається безглуздим – хіба вони не будуть частиною, скажімо, мого стандартного набору програм?

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

З іншого боку, бувають моменти, коли мені доводиться змінювати речі з використання, скажімо, PHP7 на PHP5.6 залежно від проекту. Бувають випадки, коли я використовую інші бібліотеки, такі як PHPMD тощо, про які я тут не розповідав, оскільки вони є інструментами для конкретного проекту.

Але з налаштування моєї системи це загальний огляд. Тож тепер у мене є задокументована довідка про те, що мені потрібно встановити з Mac App Store, з різних місць у мережі, команди, які мені потрібно виконати, і як я можу швидко налаштувати машину та відновити її, якщо щось знову зламається.

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

Але я не знаю. Це інший пост.

Епілог

Якщо ви шукаєте ще одну схожу публікацію, але з більш детальною інформацією про деякі інструменти, я рекомендую переглянути публікацію Карла Александра.

Джерело запису: tommcfarlin.com

Цей веб -сайт використовує файли cookie, щоб покращити ваш досвід. Ми припустимо, що з цим все гаразд, але ви можете відмовитися, якщо захочете. Прийняти Читати далі