====== Установка Visual Studio Code ======
=====Установка в Windows=====
  * Загрузить с [[https://code.visualstudio.com/download|официального сайта]] или воспользоваться
{{:software:microsoft:vscodeusersetup-x64-1.106.3.exe|альтернативной ссылкой}}.
  * Открыть загрузки и найти скачанный файл.
  * Запустить двойным кликом **VSCodeUserSetup-{version}.exe.**
  * По умолчанию приложение появится в папке **Programs\Microsoft\VS Code**.
===== Настройка Visual Studio Code =====
==== Русификация ====
По умолчанию интерфейс VS Code англоязычный, но язык можно заменить на русский или любой другой. Для этого нужно скачать дополнительный языковой пакет и выбрать его в параметрах приложения. Как поменять язык VS Code на русский:

  * Открыть палитру команд с помощью сочетания клавиш **Ctrl + Shift + P**.
  * Ввести команду **Configure Display Language** и нажать **Enter**.
  * Найти в списке русский язык и выбрать его.
  * Перезапустить приложение.
\\  
{{:software:microsoft:vsc_install_9.png?|}}
\\  
==== Установка LiveServer и ESLint ====
LiveServer – локальный сервер с возможностью автоматического обновления страниц в браузере при их изменении (запустить сервер можно посредством нажатия на иконку «Go Live» в строке состояния или выбора пункта «Open with Live Server» в контекстном меню области редактора);
\\  
{{:software:microsoft:vsc_install_13.png?|}}
\\  
Так-же необходимо установить и включить расширение **Live Server Web Extension** которое поддерживает ваш существующий сервер в режиме реального времени. Это расширение для браузера, которое позволяет реализовать функцию живой перезагрузки для динамических страниц.
\\  
{{:software:microsoft:vsc_install_15.png?|}}
\\  
ESLint – это инструмент, который крайне желательно установить в систему, если вы разрабатываете код на JavaScript. Он будет показывать вам ошибки в коде, а также направлять вас при его написании так, чтобы он был выдержан в едином стиле. 
\\  
{{:software:microsoft:vsc_install_12.png?|}}
\\  
==== Path Autocomplete и CSS Peek ====

**Path Autocomplete** - плагин подсказывает пути к файлам, показывая возможные варианты, что позволяет не искать папки вручную.
\\  
{{:software:microsoft:vsc_install_16.png?|}}
\\  
{{:software:microsoft:path-autocomplete.gif?|}}
\\  
**CSS Peek** - позволяет смотреть и редактировать стили прямо в html файле. Просто зажимаете Ctrl далее наводите на класс и кликаете. После этих манипуляций появляется всплывающее окно – соответствующий файл CSS, куда и можно вносить изменения.
\\  
{{:software:microsoft:vsc_install_17.png?|}}
\\  
{{:software:microsoft:css-peek.gif?|}}
\\  


==== PHP Intelephense и PHP Server ====
**PHP Intelephense** — популярное PHP-расширение для VS Code, которое предоставляет ряд дополнительных функций, таких как улучшенное автодополнение кода, улучшенная навигация между компонентами, информативные подсказки при наведении курсора мыши, автоматическое форматирование кода и отчёты об ошибках в режиме реального времени на основе статического анализа кода.
\\  
{{:software:microsoft:vsc_install_11.png?|}}
\\  
Откройте вкладку расширений, щёлкнув по последнему значку в левой строке меню или нажав CTRL + SHIFT + X. Откроется боковое меню с полем поиска и списком популярных или рекомендуемых расширений. Введите «php» или «intelephense», чтобы найти расширение PHP Intelephense. Нажмите кнопку «Установить» , чтобы установить и включить расширение.
\\  
{{:software:microsoft:vscode_extensions.gif?|}}
\\  
{{:software:microsoft:vsc_install_14.png?|}}
\\  
{{:software:microsoft:vsc_install_18.png?|}}