Как запустить php в vs code

Исполнить php код в Visual Studio Code

Просто отвечу на вопрос как запустить php в vs code.

1. Какие расширения устанавливаем в VSC?
2. Что качаем себе на компьютер?
3. Как настраиваем?
4. Запуск сервера vs code
5. Результат

*Программа Visual Studio Code - уже должна быть установлена на вашем ПК

Какие расширения устанавливаем в VSC?

PHP сервер устанавливаем из репозитория расширений vsc

Сервер PHP для vs code

И заодно отладчик (можно не качать на работу сервера это не влияет)

Отладчик нужен для поиска ошибок в коде.

Отладчик PHP

Что качаем себе на компьютер?

Качаем сборку PHP себе на компьютер.
https://windows.php.net/download/
Выбираем версию PHP и качаем zip-архив
На диске С создаем папку, называем её - php и распаковываем архив туда.
В этой папке находится файл php.exe
Путь к этому файлу будет: C:/php/php.exe

Как настраиваем?

Теперь, необходимо в настройках JSON (это в Visual Studio Code) указать путь к файлу php.exe для сервера и отладчика. Как зайти в настройки JSON показано на рисунке ниже. Есть еще один способ набрать в строке поиска (находится в самом верху, на рисунке ниже это лупа и слово php) - settings json.

В окне settings.json добавляем пути, смотри внизу три нижних строчки кода. (эти три строчки без путей уже должны быть, если нет добавляем сами)

{
  "workbench.iconTheme": "material-icon-theme",
  "editor.formatOnSave": true,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "liveServer.settings.donotShowInfoMsg": true,
  "editor.renderWhitespace": "all",
  "workbench.colorTheme": "Default Dark+",
  "files.autoSave": "afterDelay",
  "editor.tabSize": 1,
  "editor.mouseWheelZoom": true,
  "editor.formatOnPaste": true,
  "editor.formatOnType": true,
  "explorer.confirmDragAndDrop": false,
  "editor.accessibilitySupport": "off",
  "php.validate.executablePath": "C:/php/php.exe",
  "php.debug.executablePath": "C:/php/php.exe",
  "phpserver.phpPath": "C:/php/php.exe"
}

Запуск сервера VS Code

Открываем или создаем в редакторе VC code свою страницу php наподобие моей (на рисунке ниже), что бы посмотреть будет ли у нас отображаться результат исполнения программы в браузере.

Щелкаем правой кнопкой мыши в области редактора кода и в меню выбираем как на рисунке ниже:

Запуск сервера VS Code

Результат

Запуск сервера VS Code

После редактирования кода перезапускать сервер не надо, просто обновите страницу браузера. А можно и перезагрузить выбрав Reload server (вторая строчка в выпадающем меню).

PS:

Если же вам не надо смотреть как выглядит ваше творение в браузере,
а важен результат php вычислений и др., то нажмите на стрелочку в правом верхнем углу. Результат синим цветом отобразится под вашим кодом в окне - КОНСОЛЬ ОТЛАДКИ. Смотрите рисунок ниже.

vs code php

Если у вас не отображается консоль отладки, нажмите в меню сверху Вид -> Консоль отладки или CTRL+SHIFT+Y