Гайд для начинающих

Гайд по Claude Code для начинающих

Каждый шаг установки и работы с Claude Code — в виде скриншотов со ссылками на точную секунду исходного видео.

Claude Code install page on claude.ai with the install script and download button visible at the start of a beginner tutorial
Страница установки Claude Code: скопируйте скрипт или скачайте установщик, затем запустите claude в терминале.

Иллюстрированный разбор из 15 шагов — чтение займет около 5 минут. Каждый шаг ссылается на точный момент исходного видео.

Коротко

Установите Claude Code одной командой (или через npm), войдите с подпиской Claude, откройте его внутри VS Code и готовьте первый проект в режиме plan — тогда Claude сначала задаст вопросы, а уж потом напишет код. Сохраните правила проекта в CLAUDE.md через /init, коммитьте рано, чтобы можно было откатиться, а к режиму обхода разрешений переходите только когда доверяете процессу. Ниже — весь поток по скриншотам.

Об исходном видео

Этот разбор следует шагам и экранам учебного ролика от Kevin Stratvert. Каждый шаг ссылается на точную секунду видео, чтобы можно было свериться с оригиналом.

Скриншоты — кадры из видео с указанием авторства создателя; текст наш собственный. Шаги сверены с видео в сентябре 2026 года.

Установите Claude Code и войдите

Одна команда в терминале ставит CLI; вход через браузер подключает ваш тариф.

  1. 1

    Откройте страницу установки и скопируйте скрипт

    На главной странице Claude Code нажмите кнопку копирования, заберите установочный скрипт и запустите его в терминале. Пользователям Windows достается вариант для PowerShell — а если скрипт закапризничает, надежный запасной путь — установка через npm ниже.

    Claude Code install page on claude.ai with the curl -fsSL https://claude.ai/install.sh command ready to copy next to the Get Claude Code download button
    Команда установки лежит прямо на главной странице, рядом вкладки Terminal и IDE.Видео на 0:22
  2. 2

    Убедитесь, что установлен Node.js

    Для установки через npm нужен Node. Если не уверены, скачайте установщик с nodejs.org, затем проверьте командой node -v — версия должна напечататься сразу.

    Windows command prompt verifying Node.js with node -v returning v24.12.0 before installing Claude Code through npm
    node -v печатает установленную версию; подойдет любая свежая.Видео на 1:00
  3. 3

    Запустите claude и подключите аккаунт

    Введите claude и нажмите Enter. Выберите тему оформления, затем способ входа — подписку Claude (Pro, Max, Team) или аккаунт Anthropic Console с оплатой за токены API. После перехода через браузер вы попадете на экран приветствия.

    Claude Code first-run screen asking to choose between a Claude subscription login and Anthropic Console API usage billing
    Подписка или Console: экран приветствия значит, что вы подключены.Видео на 1:22
  4. 4

    Откройте Claude Code внутри VS Code

    В чистом терминале тоже работает, но расцветает в интеграции с редактором: откройте проект в VS Code, создайте новый терминал, введите claude и нажмите 1, чтобы доверять каталогу. Теперь Claude видит открытые файлы и диффы.

    Claude Code running inside the VS Code terminal panel with the welcome banner and Run /init hint after opening a project
    Тот же CLI, но теперь он делит контекст с редактором.Видео на 2:30

Первое приложение в режиме plan

Пусть Claude сначала «проинтервьюирует» вас, а уже потом пишет код.

  1. 5

    Пишите требования списком, а не настроением

    Расплывчатый промпт дает расплывчатое приложение. Перечислите реальные требования, добавьте фразу «ask me questions to clarify the requirements, engineering principles, hard constraints» и держите Shift+Tab, пока в футере не появится plan mode. В режиме plan Claude исследует и спрашивает вместо того, чтобы писать код.

    Claude Code prompt in plan mode listing chore app requirements as bullets and asking Claude to ask clarifying questions before writing code
    Требования списком плюс прием «задай мне вопросы» — в режиме plan.Видео на 3:28
  2. 6

    Ответьте на уточняющие вопросы

    Режим plan вернется с пронумерованными вопросами — стек, хранилище, допфункции. Отвечайте цифровыми клавишами, стрелками влево-вправо переключайтесь между вопросами, Enter — отправить. Именно это интервью превращает смутную идею в реализуемую спецификацию.

    Claude Code plan mode asking which tech stack to use with numbered options for React with Vite, Vue, and Next.js
    React с Vite, локальное хранилище — каждый выбор одно нажатие.Видео на 3:46
  3. 7

    Проверьте план реализации

    Claude выдает план: резюме, ключевые функции, стек, модели данных, структуру проекта, шаги реализации. Ищите решения, с которыми не согласны — в демо поймали JavaScript там, где хотели TypeScript. Выберите вариант с отзывом, и Claude перепишет план.

    Claude Code implementation plan detailing calendar component steps, chore management fields, and recurrence logic for review before coding starts
    Модели данных, структура файлов, этапы — все можно менять до кода.Видео на 4:42
  4. 8

    Одобрите план и выберите режим правок

    Вариант 1 автоматически принимает все правки, вариант 2 спрашивает по каждому файлу. Ручное одобрение безопаснее для первого раза, но быстро надоедает — авто-принятие плюс git-ветка становятся рабочей серединой, как только вы коммитите рано и часто.

    Claude Code asking Would you like to proceed with three choices: auto-accept edits, manually approve edits, or keep planning
    Авто-принятие правок или поштучное одобрение — решать вам.Видео на 5:35
  5. 9

    Одобряйте команды по ходу выполнения

    По умолчанию Claude спрашивает перед каждой командой: установки, сборки, dev-серверы. Вариант 2 — «больше не спрашивать про npm install в этой папке» — разумный дефолт для доверенных установок пакетов. Автор видео все же предпочитает запускать dev-сервер сам во втором терминале.

    Claude Code tool approval dialog showing the npm install bash command with an option to stop asking for npm install commands in this folder
    Одобрение на каждую команду, с запасным выходом «не спрашивать» на папку.Видео на 6:05
  6. 10

    Протестируйте собранное приложение

    Демо-сборка — офисный менеджер домашних дел: календарь, участники команды, повторяющиеся задачи. Прокликайте настоящий интерфейс — добавьте задачу, сделайте ее еженедельной, проверьте вид недели. Именно здесь находятся мелкие баги, которые стоит чинить следующими.

    Office Chore Manager web app built with Claude Code showing the Add Chore modal with a recurring weekly schedule option
    Рабочее календарное приложение — и пара багов на будущее.Видео на 7:00

Обучите Claude с помощью CLAUDE.md

Один файл, загружаемый в каждой сессии, который объясняет Claude ваш проект.

  1. 11

    Поймите три слоя CLAUDE.md

    CLAUDE.md вставляется в каждую сессию Claude, поэтому держите там только универсальные инструкции. Три слоя: WHAT (стек, структура проекта, ключевые файлы), WHY (зачем нужен каждый компонент) и HOW (как вы хотите, чтобы Claude работал — например, гонял тесты после каждого изменения).

    Documentation explaining that CLAUDE.md onboards Claude to your codebase with the WHAT, WHY, and HOW sections highlighted
    WHAT, WHY, HOW — три слоя, которые нужны каждому CLAUDE.md.Видео на 8:42
  2. 12

    Сгенерируйте через /init (и улучшите)

    /init автоматически создает CLAUDE.md по вашему коду. Честный вывод видео: сам по себе он пропускает трехслойную структуру, поэтому лучше вставить промпт, который просит what/why/how плюс progressive disclosure — индекс, ведущий к более подробным markdown-файлам.

    Running the /init command in Claude Code to generate a CLAUDE.md file with codebase documentation inside the VS Code terminal
    /init дает стартовый CLAUDE.md за секунды.Видео на 9:20
  3. 13

    Добавьте домашние правила — вроде «сначала ветка»

    Правьте сгенерированный файл как обычный документ. В демо добавили одну строку: при работе над новой фичей или багом сначала создать git-ветку. С тех пор Claude ветвится проактивно — ровно то, что нужно перед включением авто-принятия правок.

    CLAUDE.md file in VS Code with an added rule telling Claude to create a git branch before starting any new feature or bug fix
    Одно добавленное правило: фичи и фиксы всегда начинаются с ветки.Видео на 10:42

Ускоряйтесь — безопасно

Обход разрешений ради скорости, git — как страховка.

  1. 14

    Поймите, что делает bypass permissions

    Запустите с claude --dangerously-skip-permissions, и Claude перестанет спрашивать перед выполнением команд. Видео честно показывает: риск реален, но для доверенных сценариев скорость того стоит. Без флага режимы тоже переключаются по Shift+Tab.

    Claude Code warning that it is running in Bypass Permissions mode after the dangerously-skip-permissions flag with a Yes I accept confirmation
    Красное предупреждение настоящее — понимайте, что одобряете.Видео на 12:28
  2. 15

    Выполните настоящее архитектурное изменение

    Финал: заставить задачи синхронизироваться между вкладками в реальном времени. Claude исследует код, планирует три варианта (polling, WebSocket, BroadcastChannel), затем — с включенным обходным режимом — строит WebSocket-сервер без присмотра. Два браузера рядом доказывают, что синхронизация работает. Вот и плоды цикла explore, plan, code, commit.

    Two browser windows side by side showing chore changes syncing in real time between Office Chore Manager instances after a WebSocket rework
    Два браузера, один список задач, изменения появляются мгновенно в обоих.Видео на 14:06

Частые вопросы