Инструменты пользователя

Инструменты сайта


software:microsoft:microsoft_visual_studio_code_install

Установка 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. Нажмите кнопку «Установить» , чтобы установить и включить расширение.


Только авторизованные участники могут оставлять комментарии.
software/microsoft/microsoft_visual_studio_code_install.txt · Последнее изменение: vladpolskiy