Содержание
Установка Visual Studio Code
Установка в Windows
- Загрузить с официального сайта или воспользоваться
- Открыть загрузки и найти скачанный файл.
- Запустить двойным кликом VSCodeUserSetup-{version}.exe.
- По умолчанию приложение появится в папке Programs\Microsoft\VS Code.
Настройка Visual Studio Code
Русификация
По умолчанию интерфейс VS Code англоязычный, но язык можно заменить на русский или любой другой. Для этого нужно скачать дополнительный языковой пакет и выбрать его в параметрах приложения. Как поменять язык VS Code на русский:
- Открыть палитру команд с помощью сочетания клавиш Ctrl + Shift + P.
- Ввести команду Configure Display Language и нажать Enter.
- Найти в списке русский язык и выбрать его.
- Перезапустить приложение.
Установка LiveServer и ESLint
LiveServer – локальный сервер с возможностью автоматического обновления страниц в браузере при их изменении (запустить сервер можно посредством нажатия на иконку «Go Live» в строке состояния или выбора пункта «Open with Live Server» в контекстном меню области редактора);
Так-же необходимо установить и включить расширение Live Server Web Extension которое поддерживает ваш существующий сервер в режиме реального времени. Это расширение для браузера, которое позволяет реализовать функцию живой перезагрузки для динамических страниц.
ESLint – это инструмент, который крайне желательно установить в систему, если вы разрабатываете код на JavaScript. Он будет показывать вам ошибки в коде, а также направлять вас при его написании так, чтобы он был выдержан в едином стиле.
Path Autocomplete и CSS Peek
Path Autocomplete - плагин подсказывает пути к файлам, показывая возможные варианты, что позволяет не искать папки вручную.
CSS Peek - позволяет смотреть и редактировать стили прямо в html файле. Просто зажимаете Ctrl далее наводите на класс и кликаете. После этих манипуляций появляется всплывающее окно – соответствующий файл CSS, куда и можно вносить изменения.
PHP Intelephense и PHP Server
PHP Intelephense — популярное PHP-расширение для VS Code, которое предоставляет ряд дополнительных функций, таких как улучшенное автодополнение кода, улучшенная навигация между компонентами, информативные подсказки при наведении курсора мыши, автоматическое форматирование кода и отчёты об ошибках в режиме реального времени на основе статического анализа кода.
Откройте вкладку расширений, щёлкнув по последнему значку в левой строке меню или нажав CTRL + SHIFT + X. Откроется боковое меню с полем поиска и списком популярных или рекомендуемых расширений. Введите «php» или «intelephense», чтобы найти расширение PHP Intelephense. Нажмите кнопку «Установить» , чтобы установить и включить расширение.

