Создание и изменение файлов

Разберёмся как Claude работает с файлами в VS Code.

Создание файлов

Просто скажи что создать:

Создай файл index.html с базовой структурой страницы

Или проще:

Сделай главную страницу сайта

Claude покажет содержимое с зелёным фоном — это новый файл. Нажимаешь Accept — файл появляется в проекте. Если папки не существует — Claude создаст и её.

Чтение файлов

Claude может читать файлы для понимания контекста:

Посмотри файл index.html и объясни что там происходит

💡 Совет: Claude часто читает файлы сам. Но если хочешь убедиться — укажи явно. Открытый файл автоматически прикрепляется к контексту чата.

Diff: изменения файлов

Когда Claude хочет изменить существующий файл, он показывает diff — сравнение двух версий.

💡 Что такое diff: Diff (от «difference» — различие) показывает что изменится: какие строки удалятся, какие добавятся.

Как читать:

- старая строка (красная) — будет удалена
+ новая строка (зелёная) — будет добавлена

Пример. Было: <h1>Привет</h1>

Запрос: «Сделай заголовок красным»

Diff покажет:

- <h1>Привет</h1>
+ <h1 style="color: red;">Привет</h1>

⚠️ Важно: Всегда читай diff перед Accept. Claude иногда понимает задачу не так.

Удаление и перемещение

Удали файл temp.txt

Переименуй old.js в new.js

Перенеси utils.js в папку src/helpers/

Claude покажет что делает и попросит подтверждение.

⚠️ Осторожно: Удалённые файлы без Git не восстановить. Сначала сохрани в Git (урок 14).

Массовые операции

Claude справляется с несколькими файлами:

Добавь комментарий с датой в начало каждого .js файла

Но чем больше файлов — тем внимательнее смотри diff.

Практика

Создай файл notes.md с текстом «Мои заметки»
Добавь список из трёх пунктов
Измени первый пункт — посмотри diff
Удали файл

Цикл: запрос → diff → подтверждение → результат.