Настройка visual studio code для php

PHP in Visual Studio Code

Visual Studio Code is a great editor for PHP development. You get features like syntax highlighting and bracket matching, IntelliSense (code completion), and snippets out of the box and you can add more functionality through community-created VS Code extensions.

Linting

Tip: Using XAMPP? Install the full version of PHP in order to obtain the development libraries.

There are three settings to control the PHP linter:

To change the PHP settings, open your User or Workspace Settings ( ⌘, (Windows, Linux Ctrl+, ) ) and type ‘php’ to filter the list of available settings.

Настройка visual studio code для php. Смотреть фото Настройка visual studio code для php. Смотреть картинку Настройка visual studio code для php. Картинка про Настройка visual studio code для php. Фото Настройка visual studio code для php

To set the PHP executable path, select the Edit in settings.json link under PHP > Validate: Executable Path, which will open your user settings.json file. Add the php.validate.executablePath setting with the path to your PHP installation:

Windows:

Linux and macOS:

Snippets

Visual Studio Code includes a set of common snippets for PHP. To access these, hit ⌃Space (Windows, Linux Ctrl+Space ) to get a context-specific list.

Настройка visual studio code для php. Смотреть фото Настройка visual studio code для php. Смотреть картинку Настройка visual studio code для php. Картинка про Настройка visual studio code для php. Фото Настройка visual studio code для php

PHP extensions

There are many PHP language extensions available on the VS Code Marketplace and more are being created. You can search for PHP extensions from within VS Code in the Extensions view ( ⇧⌘X (Windows, Linux Ctrl+Shift+X ) ) then filter the extensions dropdown list by typing ‘php’.

Настройка visual studio code для php. Смотреть фото Настройка visual studio code для php. Смотреть картинку Настройка visual studio code для php. Картинка про Настройка visual studio code для php. Фото Настройка visual studio code для php

Disable built-in PHP support

To disable the built-in PHP smart completions in favor of suggestions from an installed PHP extension, uncheck PHP > Suggest: Basic, which sets php.suggest.basic to false in your settings.json file.

Debugging

PHP debugging with XDebug is supported through a PHP Debug extension. Follow the extension’s instructions for configuring XDebug to work with VS Code.

Next steps

Read on to find out about:

Источник

Настройка Visual Studio Code для разработки PHP

Visual Studio Code (или просто VS Code) – бесплатный редактор исходного кода или интегрированная среда разработки (IDE), доступная для всех основных операционных систем.

Благодаря большому набору расширений VS Code можно легко настроить для удовлетворения самых разнообразных потребностей разработки. В этом руководстве вы узнаете, как настроить Visual Studio Code для работы над проектами PHP.

Требования

Чтобы следовать этому руководству, вам необходимо загрузить и установить соответствующую версию Visual Studio Code для вашей операционной системы.

Инструкции в этом руководстве были проверены на настольном компьютере Ubuntu 20.04, но они должны без проблем работать и в других операционных системах, поддерживаемых VS Code. Однако обратите внимание, что в системах MacOS сочетания клавиш могут немного отличаться.

1: Установка PHP-расширений VS Code

VS Code распознает PHP-код и помогает с подсветкой синтаксиса, базовой отладкой и отступами кода сразу же после установки. Этого вполне достаточно для быстрого редактирования или для работы с отдельными сценариями PHP. Однако более крупные проекты сложно обслуживать без дополнительного контекста вокруг кода и без наглядного понимания того, что делает каждый файл и как он интегрируется в проект.

Существует ряд расширений VS Code, которые помогут повысить вашу продуктивность при работе над проектами PHP. В этом руководстве мы установим и настроим PHP Intelephense, популярное расширение PHP для VS Code, которое предоставляет несколько дополнительных функций: улучшенное автозаполнение кода, навигацию между компонентами, всплывающие подсказки с полезной информацией при наведении курсора мыши, автоматическое форматирование кода и создание отчетов об ошибках в реальном времени на основе статического анализа кода.

Откройте вкладку расширений, нажав на последний значок в левой строке меню или клавиши CTRL+SHIFT+X. Это вызовет меню боковой панели с полем поиска и списком популярных или рекомендуемых расширений. Введите «php» или «intelephense», чтобы найти нужное нам расширение PHP Intelephense. Затем нажмите кнопку Install, чтобы установить и включить расширение.

Официальная документация Intelephense рекомендует после завершения установки отключить встроенное расширение PHP Language Features, которое поставляется с VS Code.

Чтобы сделать это, введите @builtin php в поле поиска расширений. Когда вы найдете его, нажмите на значок настроек для расширения PHP Language Features и выберите параметр Disable в выпадающем меню.

Если в VS Code у вас есть открытые файлы, вам необходимо перезагрузить редактор, чтобы изменения вступили в силу.

Вы можете установить другие расширения, следуя описанному выше процессу, но имейте в виду, что некоторые расширения потребуют установки дополнительного программного обеспечения в вашей системе. Проверьте документацию по интересующему вас расширению, чтобы убедиться, что у вас установлены соответствующие зависимости.

2: Импорт или создание нового проекта PHP

Чтобы импортировать существующий проект PHP в VS Code, нажмите на первый значок в левой строке меню или клавиши CTRL+SHIFT+E – так вы сможете получить доступ к проводнику файлов. Нажмите кнопку Open Folder и выберите каталог своего проекта. Если вы создаете новый проект, вы можете создать новую папку и выбрать ее в качестве каталога вашего проекта.

В окне проводника теперь будет отображаться дерево каталогов проекта, что даст вам быстрый доступ к необходимым файлам и каталогам.

3: Настройка темы и шрифта редактора (опционально)

В настройке внешнего вида редактора нет острой необходимости, но иногда это бывает полезно – так можно сделать его более удобным для работы в долгосрочной перспективе. Разработчики много времени проводят в IDE (чем и является VS Code), и по этой причине важно убедиться, что шрифт редактора имеет соответствующий размер, что контрастность не утомляет глаза слишком быстро и код удобно читать.

Что касается удобочитаемости, здесь нет единой рекомендации. Советуем вам самостоятельно поэкспериментировать с разными темами и шрифтами, чтобы подобрать настройку, которая вам подходит.

Изменение темы VS Code

VS Code поставляется с несколькими темами, которые позволяют изменять цвета, используемые в интерфейсе редактора и при выделении кода. По умолчанию включены темный и светлый стили.

Также можно установить расширения для темы, чтобы дополнительно настроить внешний вид VS Code. Если вы выполните поиск (CTRL + SHIFT + X), вы найдете несколько расширений для темы с разными стилями и цветами, включая цветовые схемы, перенесенные из других популярных редакторов и платформ.

Настройка шрифта

В целом, настройки шрифтов VS Code по умолчанию достаточно хороши – многие пользователи предпочитают не менять их. Но если вы хотите, вы можете настроить размер и тип шрифта редактора для повышения удобочитаемости.

Изменения немедленно сохраняются и применяются ко всем текущим открытым файлам.

Заключение

Visual Studio Code – это легкий, но мощный редактор кода, который можно настроить в соответствии с потребностями большинства разработчиков. В этом руководстве вы узнали, как установить и настроить расширение PHP Intelephense для работы над проектами PHP, как импортировать и создавать новые проекты в VS Code и как настроить внешний вид редактора, чтобы сделать процесс разработки более удобным.

Источник

Отладка php в Visual Studio Code (Xdebug, Windows)

В некоторых случаях может возникнуть необходимость отладки приложений на php. Visual Studio code предоставляет такую возможность при условии установки дополнительного расширения PHP Debug (marketplace, github).

Установка PHP Debug

Настройка visual studio code для php. Смотреть фото Настройка visual studio code для php. Смотреть картинку Настройка visual studio code для php. Картинка про Настройка visual studio code для php. Фото Настройка visual studio code для php

Установка и настройка Xdebug

PHP Debug использует для отладки Xdebug. Для настройки Xdebug пройдите по ссылке. Предполагается, что на локальной машине уже установлен и настроен сервер apache. Здесь и далее действия указаны для Windows. Можно создать файл, например, test.php содержащий:

Открыть его в браузере и скопировать содержимое страницы в диалоговое окно. Другой способ:

Настройка visual studio code для php. Смотреть фото Настройка visual studio code для php. Смотреть картинку Настройка visual studio code для php. Картинка про Настройка visual studio code для php. Фото Настройка visual studio code для php

Кроме этого, добавьте нижеследующие строки. Итоговое добавление будет примерно таким:

Как вы уже, возможно догадались, в данном примере на локальной машине установлен XAMPP.

Примечание: С версией Xdebug 2.5 и выше Visual Studio code не работает. Поэтому выбирайте соответствующий вашей версии php файл *.dll.

Настройка Visual Studio code

Вызовите панель отладки (1) и нажмите на иконку с маленькой шестеренкой (2).

Настройка visual studio code для php. Смотреть фото Настройка visual studio code для php. Смотреть картинку Настройка visual studio code для php. Картинка про Настройка visual studio code для php. Фото Настройка visual studio code для php

Настройка PHP Debug на этом окончена.

Отладка php в Visual Studio code

Откройте в браузере ваше приложение\сайт. Откройте папку с приложением в Visual Studio code. Установите в нужных файлах и строках точки остановки. Откройте панель отладки и выберите для запуска отладки команду Listen for Xdebug (1). Нажмите кнопку запуска (2).

Настройка visual studio code для php. Смотреть фото Настройка visual studio code для php. Смотреть картинку Настройка visual studio code для php. Картинка про Настройка visual studio code для php. Фото Настройка visual studio code для php

Обновите страницу в браузере и наслаждайтесь.

Источник

Как настроить VS Code для разработки на PHP

Visual Studio Code — популярный бесплатный редактор кода. Может с легкостью конкурировать с PhpStorm, ведь он бесплатный и с открытым исходным кодом

Настройка visual studio code для php. Смотреть фото Настройка visual studio code для php. Смотреть картинку Настройка visual studio code для php. Картинка про Настройка visual studio code для php. Фото Настройка visual studio code для php Так может выглядеть интерфейс редактора после установки расширений

Основные возможности

VS Code имеет большое количество расширений для разработчика. Для установки нового пакета зайдите во вкладку «Расширения», введите название пакета в строке поиска и нажмите кнопку «Установить».

Настройка visual studio code для php. Смотреть фото Настройка visual studio code для php. Смотреть картинку Настройка visual studio code для php. Картинка про Настройка visual studio code для php. Фото Настройка visual studio code для php

EditorConfig для VS Code

PHP Intelephense

В редакторе уже есть поддержка синтаксиса и подсказок стандартных функций языка. Но без специальных дополнений редактор не будет подсказывать пользовательские функции из других частей проекта. Поэтому для поддержки автодополнения, анализа кода, перехода к месту, где создана функция/класс/переменная (с помощью шортката Alt + Click ), используется дополнение PHP Intelephense

Настройка visual studio code для php. Смотреть фото Настройка visual studio code для php. Смотреть картинку Настройка visual studio code для php. Картинка про Настройка visual studio code для php. Фото Настройка visual studio code для php

Настройка visual studio code для php. Смотреть фото Настройка visual studio code для php. Смотреть картинку Настройка visual studio code для php. Картинка про Настройка visual studio code для php. Фото Настройка visual studio code для php

PHP Debug

При разработке может возникнуть ситуация, когда простых функций отладки и логирования становится недостаточно. Тогда может помочь специальный инструмент — Дебаггер.Для PHP есть расширение xdebug, позволяет расставить точку останова и посмотреть окружение в предполагаемом месте, выполняя код поэтапно либо до следующей точки.

Это настройки для конкретной разработки, когда проект разрабатывается и запускается на одном компьютере, например на вашей рабочей машине

Настройка visual studio code для php. Смотреть фото Настройка visual studio code для php. Смотреть картинку Настройка visual studio code для php. Картинка про Настройка visual studio code для php. Фото Настройка visual studio code для php

Настройка visual studio code для php. Смотреть фото Настройка visual studio code для php. Смотреть картинку Настройка visual studio code для php. Картинка про Настройка visual studio code для php. Фото Настройка visual studio code для php

Настройка visual studio code для php. Смотреть фото Настройка visual studio code для php. Смотреть картинку Настройка visual studio code для php. Картинка про Настройка visual studio code для php. Фото Настройка visual studio code для php

PHP Sniffer

В PHP в качестве линтера используется PHP_CodeSniffer.Для его работы необходимо установить глобально сам линтер composer global require «squizlabs/php_codesniffer = *» и расширение PHP Sniffer.

Проверьте, что линтер установился:

Настройка visual studio code для php. Смотреть фото Настройка visual studio code для php. Смотреть картинку Настройка visual studio code для php. Картинка про Настройка visual studio code для php. Фото Настройка visual studio code для php

Настройка visual studio code для php. Смотреть фото Настройка visual studio code для php. Смотреть картинку Настройка visual studio code для php. Картинка про Настройка visual studio code для php. Фото Настройка visual studio code для php

Ярлык для вставки точки с запятой

Настройка visual studio code для php. Смотреть фото Настройка visual studio code для php. Смотреть картинку Настройка visual studio code для php. Картинка про Настройка visual studio code для php. Фото Настройка visual studio code для php

Настройка visual studio code для php. Смотреть фото Настройка visual studio code для php. Смотреть картинку Настройка visual studio code для php. Картинка про Настройка visual studio code для php. Фото Настройка visual studio code для php

Extra

Список расширений, которые могут быть использованы не только для PHP:

GitLens — в VS Code уже встроена поддержка Git. Когда базовых возможностей становится недостаточно, на помощь может придти Gitlens. Например, одна из полезных фич — git blame на в текущей строке.

Настройка visual studio code для php. Смотреть фото Настройка visual studio code для php. Смотреть картинку Настройка visual studio code для php. Картинка про Настройка visual studio code для php. Фото Настройка visual studio code для php

Indent Rainbow — разноцветные отступы в коде. ает некорректный отступ. Можно вместо радуги установить оттенки серого.

Настройка visual studio code для php. Смотреть фото Настройка visual studio code для php. Смотреть картинку Настройка visual studio code для php. Картинка про Настройка visual studio code для php. Фото Настройка visual studio code для php

Settings Sync — плагин, позволяющий синхронизировать настройку редактора между разными компьютерами. В качестве хранилища используется Github Gists. Все настройки можно скачать, указав нужный файл синхронизации.

Fira Code — моноширинный шрифт, в котором используются лигатуры (объединяет несколько символов в) для общих комбинаций символов в программировании. Визуальная надстройка для более удобного чтения кода.

Источник

Настройка редактора Visual Studio Code для разработки на PHP

Настройка visual studio code для php. Смотреть фото Настройка visual studio code для php. Смотреть картинку Настройка visual studio code для php. Картинка про Настройка visual studio code для php. Фото Настройка visual studio code для php

Пора перейти от слов к действиям и познакомиться с Visual Studio Code поближе. В этом посте представлена поэтапная настройка VS Code для разработки на PHP.

Скачайте и установите Visual Studio Code

После загрузки установите редактор на своем компьютере. Подробные инструкции по установке доступны здесь. Теперь можно открыть окно командной строки, запустить Visual Studio Code и начать редактировать файлы в папке.

Настройка visual studio code для php. Смотреть фото Настройка visual studio code для php. Смотреть картинку Настройка visual studio code для php. Картинка про Настройка visual studio code для php. Фото Настройка visual studio code для php

Настройка visual studio code для php. Смотреть фото Настройка visual studio code для php. Смотреть картинку Настройка visual studio code для php. Картинка про Настройка visual studio code для php. Фото Настройка visual studio code для php

Встроенные функции работы с PHP

VS Code поддерживает множество языков, в том числе PHP. На портале Visual Studio Marketplace доступны расширения VS Code, обеспечивающие поддержку дополнительных языков. Для PHP работает подсветка синтаксиса, определение парных скобок и фрагменты кода.

Когда вы начнете набирать код в файле PHP, то заметите автоматическое срабатывание цветового выделения синтаксиса, определения парных скобок и функции IntelliSense.

Настройка visual studio code для php. Смотреть фото Настройка visual studio code для php. Смотреть картинку Настройка visual studio code для php. Картинка про Настройка visual studio code для php. Фото Настройка visual studio code для php

Настройка статического анализа PHP

По умолчанию VS Code будет проводить статический анализ кода на PHP в ходе проверки при сохранении файла. Для этого используется исполняемый файл php. Если вы работаете с VS Code впервые, то получите сообщение об ошибке, в котором сказано, что исполняемый PHP файл не обнаружен.

Настройка visual studio code для php. Смотреть фото Настройка visual studio code для php. Смотреть картинку Настройка visual studio code для php. Картинка про Настройка visual studio code для php. Фото Настройка visual studio code для php

Необходимо указать путь к исполняемому файлу PHP на вашем компьютере. Для этого следует изменить файл настроек (в VS Code существуют различные уровни файлов настроек, подробнее см. в документации). В нашем примере мы настроим параметры PHP глобально для пользователя.

Откройте пользовательские настройки с помощью панели команд: нажмите F1, введите «user» и нажмите Enter.

Настройка visual studio code для php. Смотреть фото Настройка visual studio code для php. Смотреть картинку Настройка visual studio code для php. Картинка про Настройка visual studio code для php. Фото Настройка visual studio code для php

Откроется два документа JSON. В документе слева содержатся настройки по умолчанию, в документе справа — пользовательские настройки. В пользовательских настройках можно переопределить настройки по умолчанию. Чтобы включить статический анализ кода PHP, необходимо изменить значения трех параметров.

Настройка visual studio code для php. Смотреть фото Настройка visual studio code для php. Смотреть картинку Настройка visual studio code для php. Картинка про Настройка visual studio code для php. Фото Настройка visual studio code для php

Чтобы настроить путь к исполняемому файлу PHP, укажите его в файле пользовательских настроек:

Настройка visual studio code для php. Смотреть фото Настройка visual studio code для php. Смотреть картинку Настройка visual studio code для php. Картинка про Настройка visual studio code для php. Фото Настройка visual studio code для php

После этого функция проверки будет включена для всех файлов PHP. Некорректный код PHP будет подчеркнут красным (в примере ниже пропущена точка с запятой).

Настройка visual studio code для php. Смотреть фото Настройка visual studio code для php. Смотреть картинку Настройка visual studio code для php. Картинка про Настройка visual studio code для php. Фото Настройка visual studio code для php

Настройка отладки

Расширение PHP Debug (спасибо Феликсу Беккеру!) добавляет в VS Code поддержку отладчика XDebug. Установите расширение через панель команд VS Code: нажмите F1, введите «install ext», нажмите Enter, введите «PHP Debug» и вновь нажмите Enter. После установки расширения может потребоваться перезапуск VS Code.

Настройка visual studio code для php. Смотреть фото Настройка visual studio code для php. Смотреть картинку Настройка visual studio code для php. Картинка про Настройка visual studio code для php. Фото Настройка visual studio code для php

Обратите внимание: это расширение использует отладчик XDebug. Поэтому для его работы необходимо установить XDebug. Скачать XDebug можно здесь (для Windows выбирайте 32-разрядную non-thread-safe версию).
Затем внесите в файл php.ini следующие настройки. Я установил XDebug в подкаталог ext установочной папки PHP. Если вы выбрали для XDebug другой каталог установки, убедитесь, что параметр zend_extension содержит правильное значение.

Настройка visual studio code для php. Смотреть фото Настройка visual studio code для php. Смотреть картинку Настройка visual studio code для php. Картинка про Настройка visual studio code для php. Фото Настройка visual studio code для php

Убедитесь, что корневой раздел веб-сервера соответствует вашему проекту. Тогда при каждом запросе файла PHP XDebug будет предпринимать попытку подключения к порту 9000 для отладки.
Чтобы начать отладку, откройте вкладку Debugging в VS Code.

Настройка visual studio code для php. Смотреть фото Настройка visual studio code для php. Смотреть картинку Настройка visual studio code для php. Картинка про Настройка visual studio code для php. Фото Настройка visual studio code для php

Щелкните значок шестеренки, чтобы сформировать файл launch.json, который позволит VS Code начать сеанс отладки XDebug.

Настройка visual studio code для php. Смотреть фото Настройка visual studio code для php. Смотреть картинку Настройка visual studio code для php. Картинка про Настройка visual studio code для php. Фото Настройка visual studio code для php

Чтобы начать отладку, нажмите F5 или щелкните зеленую стрелку на вкладке Debugging. Чтобы задать точку останова в исходном коде, выберите строку и нажмите F9.

Настройка visual studio code для php. Смотреть фото Настройка visual studio code для php. Смотреть картинку Настройка visual studio code для php. Картинка про Настройка visual studio code для php. Фото Настройка visual studio code для php

Теперь, когда вы откроете определенную веб-страницу, VS Code остановит выполнение исходного кода в заданной точке. В области слева отобразится информация о переменных, стеке вызовов и т. п.

Настройка visual studio code для php. Смотреть фото Настройка visual studio code для php. Смотреть картинку Настройка visual studio code для php. Картинка про Настройка visual studio code для php. Фото Настройка visual studio code для php

Заключение

Visual Studio Code обладает отличной встроенной поддержкой PHP, а расширение PHP Debug добавляет возможность отладки кода на PHP. Все эти инструменты являются бесплатными и кроссплатформенными.

На портале Visual Studio Marketplace доступны и другие расширения для работы с PHP.

Источник

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *