Подключение OpenServer к Visual Studio Code (VSCode)

Подключение OpenServer к Visual Studio Code (VSCode) — это удобный способ разработки веб-проектов. Вот пошаговая инструкция:

1. Установка необходимых программ
- Убедитесь, что у вас установлены:
- [OpenServer](https://ospanel.io/)
- [Visual Studio Code](https://code.visualstudio.com/)

2. Создание проекта в OpenServer
- Запустите OpenServer.
- Перейдите в раздел **Домен** или **Сайты**.
- Создайте новый домен (например, `myproject.loc`) и укажите путь к папке с проектом. Например:
C:\OSPanel\domains\myproject.loc

- Сохраните настройки.

3.Открытие проекта в VSCode
- Запустите Visual Studio Code.
- Нажмите `File > Open Folder` и выберите папку вашего проекта (например, `C:\OSPanel\domains\myproject.loc`).
- Теперь вы можете редактировать файлы проекта прямо в VSCode.

4. Настройка отладки (опционально)
Если вы хотите использовать отладчик PHP в VSCode, выполните следующие шаги:
a) Установка расширения для PHP Debug
- Откройте VSCode.
- Перейдите в раздел Extensions (`Ctrl+Shift+X`).
- Найдите и установите расширение PHP Debug (автор: Felix Becker).
b) Настройка Xdebug в OpenServer
- В OpenServer перейдите в Модули > PHP > Настройки PHP.
- Убедитесь, что Xdebug включен. Для этого найдите секцию `[Xdebug]` в конфигурационном файле `php.ini` и добавьте/проверьте следующие параметры:
ini

 zend_extension="path_to_xdebug.dll"
     xdebug.mode=debug
     xdebug.start_with_request=yes
     xdebug.client_host=127.0.0.1
     xdebug.client_port=9003

   {
       "version": "0.2.0",
       "configurations": [
         {
           "name": "Listen for Xdebug",
           "type": "php",
           "request": "launch",
           "port": 9003,
           "log": true,
           "stopOnEntry": false,
           "pathMappings": {
             "/OSPanel/domains/myproject.loc": "${workspaceFolder}"
           }
         }
       ]
     }

  <?php
     echo "Hello, OpenServer!";

Можешь почитать и вот эту статейку "Простой способ сделать Lightbox на CSS3"