Введение (шпаргалка для PHP-разработчика):
Visual Studio Code — идеальный редактор для PHP, а с этой шпаргалкой вы превратите его в мощную IDE! Здесь собраны ключевые инструменты: автодополнение (PHP Intelephense), отладка через Xdebug, интеграция с Laravel/Symfony, статический анализ (PHPStan), форматирование по PSR и работа с Docker. Сохраните подборку как готовый чек-лист для настройки среды: плагины, сниппеты, команды терминала и лайфхаки, которые сэкономят часы рутинной работы. Подходит новичкам и профи — все решения проверены на практике!
- Горячие клавиши
- Включить авто сохранение файла
- Внешние плагины авто сохранения
- Плагин Live Server
- Список плагинов для работы с PHP в Visual Studio Code
Горячие клавиши
Навигация и управление редактором
| Действие | Windows/Linux | macOS |
|---|---|---|
| Открыть палитру команд | Ctrl + Shift + P | Cmd + Shift + P |
| Быстрый переход к файлу | Ctrl + P | Cmd + P |
| Поиск по всему файлу | Ctrl + F | Cmd + F |
| Замена текста | Ctrl + H | Cmd + Alt + F |
| Перемещение между вкладками | Ctrl + Tab | Ctrl + Tab |
| Закрыть текущую вкладку | Ctrl + W | Cmd + W |
| Разделить редактор на две панели | Ctrl + \ | Cmd + \ |
Редактирование кода
| Действие | Windows/Linux | macOS |
|---|---|---|
| Копировать строку | Ctrl + C (без выделения) | Cmd + C (без выделения) |
| Вырезать строку | Ctrl + X (без выделения) | Cmd + X (без выделения) |
| Удалить строку | Ctrl + Shift + K | Cmd + Shift + K |
| Закомментировать/рас комментировать | Ctrl + / | Cmd + / |
| Форматировать код | Shift + Alt + F | Shift + Option + F |
| Переименовать переменную | F2 | F2 |
| Автодополнение | Ctrl + Space | Cmd + Space |
Работа с файлами и проектом
| Действие | Windows/Linux | macOS |
|---|---|---|
| Создать новый файл | Ctrl + N | Cmd + N |
| Сохранить файл | Ctrl + S | Cmd + S |
| Сохранить все файлы | Ctrl + K S | Cmd + K S |
| Открыть папку/проект | Ctrl + K Ctrl + O | Cmd + K Cmd + O |
| Поиск по проекту | Ctrl + Shift + F | Cmd + Shift + F |
Отладка и терминал
| Действие | Windows/Linux | macOS |
|---|---|---|
| Запустить отладку | F5 | F5 |
| Остановить отладку | Shift + F5 | Shift + F5 |
| Перейти к ошибке | F8 | F8 |
| Открыть/закрыть терминал | `Ctrl + « | `Cmd + « |
| Очистить терминал | Ctrl + K | Cmd + K |
Полезные комбинации
| Действие | Windows/Linux | macOS |
|---|---|---|
| Переключение между темами | Ctrl + K Ctrl + T | Cmd + K Cmd + T |
| Показать все сочетания клавиш | Ctrl + K Ctrl + S | Cmd + K Cmd + S |
| Свернуть/развернуть блок кода | Ctrl + Shift + [ ] | Cmd + Shift + [ ] |
| Перейти к определению функции | F12 | F12 |
Как настроить свои сочетания клавиш
- Откройте палитру команд (
Ctrl + Shift + P/Cmd + Shift + P). - Введите
Preferences: Open Keyboard Shortcutsи нажмитеEnter. - Найдите нужное действие и нажмите на карандаш для изменения.
Совет: Чтобы посмотреть все сочетания, используйте команду Ctrl + K Ctrl + S (Win/Linux) или Cmd + K Cmd + S (macOS).
Включить авто сохранение файла
В Visual Studio Code включить авто сохранение файла при потере фокуса можно через настройки. Вот как это сделать:
- Откройте Visual Studio Code.
- Перейдите в настройки. Для этого вы можете использовать сочетание клавиш Ctrl + , (на Windows/Linux) или Cmd + , (на macOS). Также можно выбрать «File» в верхнем меню и затем «Preferences», после чего нажать на «Settings».
- В верхнем правом углу окна настроек вы увидите строку поиска. Введите «auto save» (авто сохранение) для быстрого доступа к соответствующим параметрам.
- Найдите опцию Files: Auto Save. Вы увидите выпадающее меню с несколькими вариантами:
- onWindowChange – авто сохранение происходит, когда окно теряет фокус (это то, что вам нужно);
- afterDelay – авто сохранение через заданный интервал времени;
- onWindowChange – авто сохранение при переключении на другое окно;
- onWindowClose – перед закрытием окна;
- off – отключить авто сохранение.
5.Выберите вариант onWindowChange.
После настройки вы можете закрыть вкладку с настройками, и теперь ваши файлы будут автоматически сохраняться, когда окно Visual Studio Code теряет фокус.
Внешние плагины авто сохранения:
Для настройки автосохранения в Visual Studio Code, как правило, встроенных функций достаточно. Однако если вы хотите расширить функциональность по автосохранению или улучшить общий опыт работы, можно рассмотреть установку некоторых плагинов. Вот несколько популярных расширений, которые могут быть полезны:
- Auto Save: Хотя базовая функция автосохранения уже реализована в настройках, есть расширения, которые могут добавить дополнительные опции и настройки для более гибкого управления автосохранением.
- Save & Run: Это расширение позволяет вам настраивать автоматическое выполнение команд или скриптов при сохранении файла. Это может быть полезно для разработки, когда необходимо автоматически запускать тесты или сборку проекта.
- Prettier — Code formatter: Установив это расширение, вы можете настроить автоформатирование кода при каждом сохранении. Это не только удобно, но и помогает поддерживать код в аккуратном и чистом виде.
- Live Server: Это расширение позволяет запускать локальный сервер и автоматически обновлять страницу в браузере при изменениях в файлах. Это может быть полезно для веб-разработки, поскольку изменения будут автоматически отображаться без необходимости вручную обновлять страницу.
- Code Spell Checker: Хотя это расширение не связано непосредственно с авто сохранением, оно помогает выявлять опечатки и ошибки в коде, что может быть полезно при автоматическом сохранении и проверке кода.
Каждое из этих расширений поможет улучшить ваш рабочий процесс. Чтобы установить расширение, откройте панель расширений, нажав Ctrl + Shift + X, после чего введите название расширения в строку поиска и нажмите кнопку «Установить».
Плагин Live Server
Плагин Live Server для Visual Studio Code предоставляет разработчикам удобную функцию «горячей» перезагрузки, которая позволяет в реальном времени просматривать изменения в веб-приложениях. Однако стоит отметить, что сам по себе Live Server не поддерживает PHP непосредственно, так как он предназначен преимущественно для работы с статическими файлами, такими как HTML, CSS и JavaScript. Основная его функция заключается в предоставлении локального сервера, который автоматически обновляет страницу в браузере при внесении изменений в файлы проекта.
Для использования PHP вместе с Live Server потребуется немного подойти к решению вопроса. Обычно для работы с PHP требуется веб-сервер, такой как Apache или Nginx, а также интерпретатор PHP. Тем не менее, Live Server может быть скомбинирован с другим программным обеспечением, чтобы обеспечить поддержку PHP.
Если вы хотите использовать Live Server в проекте с PHP, вам следует сначала установить и настроить локальный веб-сервер. Сейчас наиболее популярным решением является использование решения типа XAMPP или WAMP, которые включают Apache и PHP в одном пакете. Таким образом, вы сможете создать свою среду разработки на локальном компьютере.
После настройки веб-сервера, вы можете указать Live Server переадресовывать запросы к локальному серверу. В настройках Live Server можно указать, чтобы он работал с определенной папкой вашего проекта, где размещены PHP-скрипты. Хотя Live Server не будет выполнять PHP-код, а просто будет показывать итоговую страницу, загруженную через PHP, такой подход позволяет вам наблюдать изменения в реальном времени.
Таким образом, для полноценной работы с PHP в сочетании с Live Server необходимо, чтобы у вас был установлен локальный веб-сервер, а само окружение требует некоторой конфигурации. Это сложный, но удобный способ работать с динамическими веб-приложениями, обеспечивая вам актуальные изменения в процессе разработки.
Настроить Live Server для работы с PHP в среде OpenServer – это удобный способ обеспечить автоматическое обновление страницы при внесении изменений в код. OpenServer предоставляет удобный локальный сервер, который поддерживает выполнение PHP, а Live Server помогает в реальном времени обновлять браузер. Чтобы все это настроить, выполните следующие шаги.
Шаг 1: Установите OpenServer
- Скачайте OpenServer: Перейдите на https://ospanel.io/ и скачайте последнюю версию.
- Установите OpenServer: Распакуйте архив и запустите OpenServer. Выберите нужную версию и следуйте инструкциям.
Шаг 2: Настройка OpenServer - Создайте проект:
- В папке OpenServer найдите папку domains (это место, где будут размещены ваши проекты).
- Создайте новую папку с названием вашего проекта (например, myproject).
- Поместите все файлы вашего проекта PHP в эту папку.
- Запустите OpenServer: Нажмите на кнопку «Запустить» в OpenServer.
- Проверьте работу сервера: Откройте браузер и введите адрес вашего нового домена (например, http://myproject.local). Вы должны увидеть ваш проект.
Шаг 3: Установите Visual Studio Code и Live Server - Скачайте и установите Visual Studio Code: Перейдите на https://code.visualstudio.com/ и загрузите редактор.
- Установите расширение Live Server:
- Откройте Visual Studio Code.
- Перейдите в раздел «Extensions» (расширения) (иконка квадратов на боковой панели).
- В поиске введите «Live Server» и установите первое расширение от Ritwick Dey.
Шаг 4: Настройка Live Server
- Откройте ваш проект: Используя Visual Studio Code, откройте папку вашего проекта, который вы разместили в C:\OpenServer\domains\myproject.
- Настройка Live Server:
- Перейдите в настройки Visual Studio Code, нажав Ctrl + , или выбрав пункт меню File — Preferences — Settings.
- В (строке поиска) введите «Live Server».
- Найдите раздел «Custom Browser» и выберите ваш браузер (обычно, это Chrome или Firefox).
- Найдите опцию «Use Local Network» и включите ее, если она доступна.
- Настройка порта:
- Убедитесь, что порт по умолчанию для Live Server (5500) не конфликтует с портом OpenServer. Обычно OpenServer использует порт 80 для HTTP.
Шаг 5: Запуск Live Server
- Запуск Live Server:
- Откройте любой файл вашего проекта (например, index.php).
- Кликните правой кнопкой мыши в редакторе и выберите «Open with Live Server». Это откроет ваше приложение в браузере по адресу, например, http://localhost:5500/index.php.
- Работа с Live Server:
- Теперь, когда вы изменяете файлы PHP, стандартное поведение Live Server может не обновлять содержимое, поскольку PHP исполняется на сервере. Однако вы можете просто обновить страницу браузера, чтобы увидеть изменения.
Дополнительные советы - Убедитесь, что PHP работает: Если у вас есть ошибки в коде PHP, они могут не отображаться в браузере. Для отладки, проверьте логи ошибок в OpenServer.
- Кэширование: Иногда браузер может кэшировать вашу страницу. Если изменения не отображаются, попробуйте выполнить «жесткое обновление» (Ctrl + F5).
- Убедитесь, что OpenServer запущен: Прежде чем запускать Live Server из VS Code, убедитесь, что OpenServer работает.
Список плагинов для работы с PHP в Visual Studio Code
1. PHP Intelephense
Этот плагин предоставляет мощное автодополнение кода, навигацию по классам и функциям, а также подсветку синтаксических ошибок в реальном времени. Он поддерживает современные стандарты PHP, включая работу с трейтами, анонимными классами и генераторами. Intelephense умеет анализировать PHPDoc-комментарии для улучшения подсказок и поддерживает переименование переменных/методов с автоматическим обновлением всех ссылок. Плагин также оптимизирован для работы с крупными проектами и не требует установки дополнительных зависимостей. Подходит для разработчиков любого уровня, значительно ускоряя написание кода.
2. PHP Debug
Интеграция с Xdebug для отладки PHP-кода непосредственно в VS Code. Плагин позволяет устанавливать точки останова (breakpoints), инспектировать переменные, просматривать стек вызовов и выполнять код пошагово (Step Into, Step Over). Для работы требуется предварительная настройка Xdebug в локальном окружении. Особенно полезен при поиске сложных ошибок, работе с API или асинхронными операциями. Поддерживает отладку как в веб-средах (через браузер), так и в CLI-скриптах.
3. PHP Namespace Resolver
Автоматизирует работу с неймспейсами: плагин самостоятельно добавляет необходимые use-операторы при вставке классов, а также помогает быстро перемещаться между файлами. При наведении на имя класса отображает его полный неймспейс, а при несоответствии предлагает исправить импорт. Интегрируется с автозагрузкой Composer, что делает его незаменимым при работе с современными фреймворками вроде Laravel или Symfony.
4. PHPStan / Psalm
Статические анализаторы кода, обнаруживающие ошибки до запуска программы. PHPStan проверяет типы данных, корректность вызовов методов и совместимость интерфейсов, а Psalm фокусируется на строгой типизации и поиске потенциальных утечек памяти. Оба плагина выводят предупреждения прямо в редактор, предлагая варианты исправлений. Рекомендуются для проектов с высокими требованиями к качеству кода, особенно при работе в команде.
5. PHP CS Fixer
Автоматически форматирует код согласно стандартам PSR-1/PSR-2 и PSR-12. Настраивается через файл .php-cs-fixer.dist.php, где можно задать правила для отступов, пробелов вокруг операторов, длины строк и других аспектов. Плагин можно запускать вручную или настроить автосохранение с применением форматирования. Интегрируется с Prettier для совместной работы с фронтенд-кодом. Незаменим для поддержания единого стиля в проекте.
6. Laravel Extra Intellisense
Специализированный инструмент для разработки на Laravel. Добавляет автодополнение для фасадов (например, Route::, DB::), хелперов (config(), auth()), Blade-директив и методов Eloquent. Распознает пользовательские помощники и макросы, расширяя подсказки на основе вашего кода. Совместим с Artisan-командами через интеграцию с терминалом VS Code. Существенно упрощает работу с роутингом, миграциями и шаблонами.
7. Symfony для Visual Studio Code
Набор инструментов для разработки на Symfony, включая подсветку конфигурационных файлов YAML/XML, автодополнение для сервисов, шаблонов Twig и Doctrine-сущностей. Плагин умеет генерировать базовый код для контроллеров, форм и событий через сниппеты. Интегрируется с Symfony Console, позволяя запускать команды прямо из редактора. Особенно полезен при работе с Dependency Injection и сложной конфигурацией приложений.
8. Blade Spacer
Улучшает работу с шаблонами Laravel Blade, добавляя подсветку для пользовательских директив, автозакрытие тегов и навигацию между секциями (@section, @include). Плагин автоматически форматирует вложенность Blade-конструкций, делая код более читаемым. Поддерживает работу с переменными, переданными в шаблон, и отображает их в подсказках. Незаменим для фронтенд-разработчиков, работающих с Blade.
9. Composer для Visual Studio Code
Интеграция с менеджером зависимостей Composer. Плагин отображает установленные пакеты в дереве проекта, позволяет обновлять зависимости через GUI, а также запускать команды install, update и dump-autoload без перехода в терминал. Автоматически подсказывает доступные пакеты при редактировании composer.json и проверяет синтаксис файла. Упрощает управление версиями пакетов и разрешение конфликтов.
10. PHP DocBlocker
Автоматически генерирует PHPDoc-блоки для функций, классов и свойств. При вводе /** перед методом плагин анализирует параметры и возвращаемые значения, создавая шаблон документации. Поддерживает аннотации @param, @return, @throws, а также пользовательские теги. Совместим с большинством фреймворков и значительно экономит время при документировании кода.
11. PHPUnit Test Explorer
Организует и запускает PHPUnit-тесты через интерактивный интерфейс в боковой панели VS Code. Плагин группирует тесты по директориям, позволяет запускать отдельные тест-кейсы или всю группу, а также отображает результаты выполнения с подсветкой ошибок. Интегрируется с покрытием кода (Xdebug) и поддерживает настройку окружения через phpunit.xml. Идеален для TDD-разработки.
12. PHP Getters & Setters
Автоматизирует создание геттеров и сеттеров для свойств классов. Достаточно выделить переменную класса и вызвать контекстное меню (ПКМ → Generate Getters & Setters), чтобы плагин сгенерировал методы с учетом типа данных и PHPDoc-аннотаций. Поддерживает fluent-интерфейсы (возврат $this) и кастомизацию префиксов методов. Экономит время при работе с DTO или сущностями.
13. PHP Database Client
Позволяет подключаться к MySQL, PostgreSQL, SQLite и другим СУБД прямо из редактора. Плагин отображает структуру таблиц, выполняет SQL-запросы, экспортирует данные в CSV/JSON и редактирует записи через табличный интерфейс. Интегрируется с .env-файлами для автоматического подключения к базам данных проекта. Полезен при отладке запросов ORM (например, Eloquent) или ручной работе с данными.
14. Better PHPUnit
Улучшенная интеграция с PHPUnit: плагин добавляет кнопки для быстрого запуска тестов, поддерживает фильтрацию по имени метода и отображает время выполнения каждого теста. При ошибках выводит детали исключений и трассировку стека. Может запускать тесты в изолированном окружении Docker. Совместим с большинством конфигураций PHPUnit, включая кастомные бутстрапы.
15. Docker
Управление Docker-контейнерами и образами без выхода из редактора. Плагин позволяет собирать образы, запускать/останавливать контейнеры, просматривать логи и управлять томами. Интегрируется с docker-compose.yml для работы с многоконтейнерными приложениями. Особенно полезен при разработке микросервисов или настройке локального окружения, имитирующего продакшен.
Советы по использованию:
- Для базового setup установите PHP Intelephense, PHP Debug и PHP CS Fixer.
- При работе с Laravel добавьте Laravel Extra Intellisense и Blade Spacer.
- Для строгой типизации подключите PHPStan и Psalm.
- Используйте Docker и PHP Database Client для комплексной настройки окружения.
Плагины устанавливаются через Marketplace VS Code (Ctrl+Shift+X / Cmd+Shift+X). Большинство из них настраиваются через settings.json или встроенные конфигурационные файлы.