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 Code?
- Початок роботи з Visual Studio Code
Останнє є дещо великою темою, оскільки воно включає ряд речей, які потрібно встановити, налаштувати та налаштувати, тому я розповім про це, починаючи з цієї публікації та кількох нових, але принаймні варто поговорити про те, чому Visual Studio Code — надійна IDE для розробки WordPress.
1 Чому Visual Studio Code?
Окрім сумісності з усіма основними операційними системами, одна з перших речей, на яку слід звернути увагу щодо Code, це те, що він зберігає копію своїх налаштувань у власному файлі, тож ви завжди можете повернутися до нього, але ви можете налаштувати його відповідно до власних налаштувань .
Крім того, все це зберігається у файлі JSON, який дозволяє налаштувати його відповідно до середовища, в якому ви працюєте. Можливо, це PHP, можливо, це JavaScript, а можливо, це щось зовсім інше.
Крім того, збереження налаштувань у портативному стані дає змогу легко ділитися ними між вашими комп’ютерами. Це означає, що ви можете перекинути файл, скажімо, у папку Dropbox і мати посилання на свої налаштування на всіх ваших машинах.
Звичайно, це корисно, якщо у вас лише кілька машин. І якщо ви це зробите, тоді вам, можливо, захочеться, щоб середовища розробки були синхронізовані, щоб було легко перемикатися між ними.
2 Початок роботи з Visual Studio Code
Почати роботу з IDE просто. Насправді це питання:
- Перехід на домашню сторінку програмного забезпечення,
- Завантаживши версію, яка відповідає вашій операційній системі,
- Потім його встановлення.
Але просто встановити його недостатньо, чи не так?
Я маю на увазі, що нам все ще потрібно поговорити про додавання робочих областей для кожного з наших проектів, налаштування параметрів і встановлення розширень, які допоможуть нам підвищити продуктивність у роботі, яку ми виконуємо.
У наступних кількох публікаціях ми збираємося робити саме це. Зрештою, якщо ці публікації стануть надто довгими, ви фактично нічого не встигнете зробити за решту дня 🙂.
Що щодо розширень?
Однак пам’ятайте, що оскільки в цій серії та в наступних статтях ми працюємо в основному з WordPress і пов’язаним програмним забезпеченням, нам потрібно буде переконатися, що в нас встановлено кілька речей, щоб належним чином виконувати те, що ми збираємося робити.
Це включає такі речі, як підтримка:
- WordPress. Однією з приємних речей у використанні розумної IDE є те, що вона може запропонувати доповнення коду. Використання такої мови, як PHP, зазвичай пропонується в більшості IDE. Цей плагін додає підтримку WordPress.
- Стандарти кодування PSR2. Хоча колись я був прихильником стандартів кодування WordPress, з тих пір я перейшов на стандарти кодування PSR (з різних причин).
- Налагодження. Використання Xdebug є важливим, якщо ви хочете, щоб вас пропустили за допомогою операторів echo та var_dump у вашому коді. Крім того, це допомагає глибше зазирнути у вихідний код WordPress під час вивчення потенційних проблем.
- Управління TODO. Здебільшого під час написання коду вам доведеться повернутися й переглянути, виправити або просто зробити це, перш ніж випускати щось для тестування чи виробництва. Використання подібного інструменту допоможе вам легко знайти їх перед тим, як закріпити код для керування джерелами або розгорнути його.
- І більше.
Очевидно, що посилання, на які наведено вище, спрямовують вас на домашню сторінку кожного з плагінів, але можливо – і, мабуть, краще – встановити їх із редактора, щоб вам було легше ними керувати.
Пам’ятайте, що метою попередньої публікації було знайти спосіб легкого керування всім програмним забезпеченням, яке ми встановлюємо. І встановлення розширень через IDE забезпечує точно такий самий досвід для IDE.
Нарешті, це розширення, які я вважаю корисними під час роботи з WordPress.
Далі
Хоча я надав загальну інформацію про багато речей вище, не потрібно глибоко занурюватися в деякі з них або чого очікувати під час їх використання.
Крім того, тут не йдеться про звичайні вкладки проти пробілів, шрифти, які, на мою думку, варто використовувати, лінтування Sass, стиль JavaScript і лінтування тощо.
До того часу попрацюйте над встановленням Visual Studio Code та його налаштуванням за допомогою розширень, посилання на які наведено вище. Це легко зробити з IDE. А якщо у вас виникнуть запитання, сміливо залишайте їх у коментарях.