Установка VS Code — редактора кода

Что такое редактор кода?

Редактор кода — это программа для написания программ. Можно писать код и в Блокноте, но это как есть суп вилкой — можно, но неудобно.

Хороший редактор кода умеет:

• Подсвечивать синтаксис — разные части кода разными цветами
• Подсказывать — автодополнение, подсказки об ошибках
• Форматировать — делать код красивым и читаемым
• Работать с файлами — показывать структуру проекта

Почему VS Code?

Visual Studio Code (VS Code) — самый популярный редактор кода в мире:

• Бесплатный
• Работает на Windows, Mac, Linux
• Тысячи расширений для любых языков
• Быстрый и современный

Установка VS Code

Шаг 1: Скачайте

1. Откройте code.visualstudio.com
2. Нажмите большую синюю кнопку "Download" — сайт сам определит вашу систему
3. Если нужна другая версия — выберите из списка ниже кнопки

Шаг 2: Установите

Windows:

1. Запустите скачанный файл VSCodeSetup-....exe
2. Примите лицензионное соглашение
3. Важно: поставьте галочки:
   ✅ "Add to PATH" (добавить в PATH)
   ✅ "Register Code as an editor for supported file types"
4. Нажмите "Install", дождитесь завершения

Mac:

1. Откройте скачанный .zip файл
2. Перетащите Visual Studio Code.app в папку Applications
3. При первом запуске Mac может спросить разрешение — нажмите "Открыть"

Шаг 3: Первый запуск

1. Запустите VS Code
2. Вы увидите экран приветствия (Welcome)
3. Можете выбрать цветовую тему (светлую или тёмную)

Настройка для PHP

VS Code нужно "научить" работать с PHP. Для этого установим расширение:

1. В левой панели нажмите на иконку с квадратиками (Extensions) или Ctrl+Shift+X
2. В поиске напишите PHP Intelephense
3. Найдите расширение от "Ben Mewburn" (обычно первое в списке)
4. Нажмите Install

Теперь VS Code будет подсказывать функции PHP, показывать ошибки и помогать с кодом.

Открываем папку проекта

VS Code работает с папками, а не с отдельными файлами. Это удобно — видите всю структуру проекта.

1. В VS Code: File → Open Folder (или Ctrl+K, Ctrl+O)
2. Найдите папку my-blog, которую мы создали ранее
3. Нажмите "Выбрать папку" (Select Folder)

VS Code может спросить "Do you trust the authors?" — нажмите "Yes, I trust".

Теперь в левой панели вы видите вашу папку (пока пустую).

Создаём первый файл

1. В левой панели (Explorer) наведите на название папки
2. Появятся иконки — нажмите на первую (New File)
3. Введите имя: test.php
4. Нажмите Enter

Файл создан и открыт! Напишите в нём:

<?php
echo "Привет из VS Code!";
echo "<br>";
echo "Это мой первый PHP-файл!";

Нажмите Ctrl+S (или Cmd+S на Mac) чтобы сохранить.

Полезные горячие клавиши VS Code

Терминал прямо в VS Code

Удобная фишка — терминал можно открыть прямо в VS Code:

1. Нажмите Ctrl+` (или View → Terminal)
2. Внизу появится панель терминала
3. Он уже открыт в папке вашего проекта!

Теперь не нужно переключаться между окнами — код и терминал в одном месте.

Что дальше?

Редактор установлен, папка проекта создана, первый файл написан. В следующем уроке разберём пути к файлам — это важно понять перед установкой Docker.