Настройка VS Code для работы с CMS MODX

VS Code и MODX Инструментарий
Так как в рамках данного курса мы делаем сайт на файловых элементах, чтобы не создавать и не редактировать их через файловый менеджер или админку сайта (нужно вносить настройки). Настроем крутой бесплатный редактор кода (целый комбаин) Visual Studio Code.

Перед тем как приступить к настройке 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, чтобы установить и включить расширение.

устанавливаем пакет PHP Intelephense

Далее необходимо рассказать VS Code, что не нужно использовать встроенные языковые функции. Для этого в той же вкладке расширения (extensions) введем @builtin php и выключим для всего редактора PHP Language Features.

Отключаем PHP Language Features

Установка расширения vscodemodx

vscodemodx — Автокомплит кода в Visual Studio Code для MODX Revo, подробнее о нем можно почитать здесь: https://modx.pro/components/18603.

Установка расширения vscodemodx

Создание ускорителей для работы с компонентами MODX

Если вы регулярно работаете с MODX, к примеру создаете на нем сайты (особенно если при этом используете файловые шаблоны, к которым можно удаленно подключится), то рекомендую создать сниппет и типовыми вызовами, вот пример моего:

Пример конфигурации сниппета

Так можно вынести практически все, запихать целые шаблоны, потом выводить их за секунду.

Также я устанавливаю дополнение Templex, что бы хоть какая то подсветка была у расширения tpl.

Поделиться с друзьями
Алексей

Веб-дизайнер и SEO оптимизатор. Занимаюсь созданием сайтов с 2010 года и их продвижение с 2012 года!

Оцените автора
( Пока оценок нет )
Web-Revenue.ru