Перед тем как приступить к настройке VS Code для работы с CMS MODX, посетите мануал по Visual Studio Code: там из полезного для вас как минимум: русификация, установка и создание сниппетов и подключение к сайтам по FTP или sftp.
Настройка VS Code под MODX
Т.к. MODX разработан на PHP нам его нужно подключить.
Для рядовых пользователей можно не устанавливать PHP Intelephense и vscodemodx, особенно если не особо хотите погружаться в php — при разработке сайтов на MODX оно вам скорее всего не понадобиться!
Установка PHP-расширений VS Code
VS Code распознает PHP-код и помогает с подсветкой синтаксиса, базовой отладкой и отступами кода сразу же после установки. Этого вполне достаточно для быстрого редактирования или для работы с отдельными сценариями PHP. Однако более крупные проекты сложно обслуживать без дополнительного контекста вокруг кода и без наглядного понимания того, что делает каждый файл и как он интегрируется в проект.
Существует ряд расширений VS Code, которые помогут повысить вашу продуктивность при работе над PHP проектами. Рекомендую пользоваться расширением PHP Intelephense. Для того, чтобы его установить откройте вкладку расширений, нажав на последний значок в левой строке меню или клавиши CTRL+SHIFT+X. Это вызовет меню боковой панели с полем поиска и списком популярных или рекомендуемых расширений. Введите «php» или «intelephense», чтобы найти нужное нам расширение PHP Intelephense. Затем нажмите кнопку Install, чтобы установить и включить расширение.
Далее необходимо рассказать VS Code, что не нужно использовать встроенные языковые функции. Для этого в той же вкладке расширения (extensions) введем @builtin php и выключим для всего редактора PHP Language Features.
Установка расширения vscodemodx
vscodemodx — Автокомплит кода в Visual Studio Code для MODX Revo, подробнее о нем можно почитать здесь: https://modx.pro/components/18603.
Создание ускорителей для работы с компонентами MODX
Если вы регулярно работаете с MODX, к примеру создаете на нем сайты (особенно если при этом используете файловые шаблоны, к которым можно удаленно подключится), то рекомендую создать сниппет и типовыми вызовами, вот пример моего:
Так можно вынести практически все, запихать целые шаблоны, потом выводить их за секунду.
Также я устанавливаю дополнение Templex, что бы хоть какая то подсветка была у расширения tpl.
Приветствую. Не могли бы поделиться сниппетом для вскоде?
Еще такой вопрос каким образом форматируете код на феном? А то у меня что то все ломается при форматировании.
Привет, сниппетом не поделюсь. Обычно форматировал, ничего не ломалось. На текущий момент работаю в основном в PhpStorm — в нем как то повеселее что ли, но он платный)