Шаг 1 из 10

Установка Claude Code

3 задания · ~24 мин

Твой сайт Ещё не начат
👋 Начни с первого задания — настроим рабочие инструменты.
VS Code
Claude Code
Готово
Оформи подписку Claude Pro
Claude Code работает только с подпиской. Это AI, который будет писать код за тебя на протяжении всего квеста. $20/мес — единственная обязательная трата.
  1. Перейди на claude.ai
  2. Нажми Continue with Google (быстрее всего) или введи email и нажми Continue with email
  3. Скачай десктопное приложение — нажми Download desktop app внизу страницы. Оно пригодится позже
  1. После регистрации зайди в Settings → Subscription
  2. Выбери тариф Pro за $20/мес
  3. Введи данные карты и оплати
Тарифы Claude — выбери Pro
Подсказка
Нужна карта, которая принимает международные платежи в долларах. Тариф Max ($100/мес) не нужен — Pro достаточно для всего квеста.
Как проверить
В настройках аккаунта (claude.ai → Settings) видишь статус подписки: Pro.
Установи Claude Code — выбери один из 3 способов
Claude Code можно использовать из трёх клиентов — Desktop-приложение, VS Code или терминал. Каждый подходит под свой сценарий. Для первого шага достаточно выбрать один и установить; остальные попробуешь позже, если захочешь.

Выбери один из трёх вариантов ниже — тот, который ближе твоему стилю работы. Все три дают один и тот же Claude Code, просто с разным интерфейсом.

Вариант 1. В приложении Claude — самый простой, работает везде

Claude Code есть прямо в приложении Claude — на телефоне, в браузере и на компьютере. Одна учётка, вкладка Code везде одинаковая. Подходит если не хочешь ставить редактор или работать через терминал.

А. Выбери платформу

  • Mobile (iOS / Android) — установи приложение Claude из App Store или Google Play
  • Web — открой claude.ai в браузере, ничего ставить не надо
  • Desktop (Mac / Windows) — скачай по этой ссылке

Б. Войди и переключись на вкладку Code

  1. Открой приложение и войди в свой Claude-аккаунт — тот же, на котором оформил Pro-подписку
  2. Переключись на вкладку Code в верхней панели — она рядом с Chat и Cowork
Вкладка Code в приложении Claude — на скрине Desktop, но выглядит одинаково на всех платформах

На мобильном и в вебе интерфейс тот же — другое расположение, но вкладка Code и поле ввода на месте.

Вариант 2. Через VS Code — если уже пишешь код в редакторе

Подходит если ты уже программист или хочешь видеть AI рядом с кодом в редакторе. Путь разбит на три подшага: поставить редактор, поставить расширение, авторизоваться.

А. Установи VS Code

  1. Перейди на code.visualstudio.com
  2. Нажми Download — сайт автоматически определит твою систему
  3. Установи: на Mac — перетащи в Applications, на Windows — запусти установщик
  4. Открой VS Code — увидишь тёмный стартовый интерфейс
Кнопка Download на code.visualstudio.com

Б. Установи расширение Claude Code

  1. В VS Code нажми иконку расширений в левой панели (квадратики) или Cmd+Shift+X (Mac) / Ctrl+Shift+X (Windows)
  2. В поиске набери Claude Code
  3. Найди расширение от Anthropic — с галочкой верификации
  4. Нажми Install
Расширение Claude Code в маркетплейсе VS Code

В. Авторизуйся

  1. После установки появится иконка Claude Code в боковой панели — нажми её
  2. Нажми Sign In — откроется браузер
  3. Войди в свой аккаунт Anthropic (тот самый, на котором оформил Pro-подписку)
  4. Подтверди доступ и вернись в VS Code
Авторизация Claude Code в браузере
Вариант 3. Через Warp Terminal — для любителей командной строки

Подходит если любишь работать в терминале. Warp — современный терминал с хорошим UI и autocomplete.

А. Установи Warp

  1. Перейди на warp.dev, нажми Download
  2. Установи приложение: на Mac — перетащи в Applications, на Windows — пройди по установщику
  3. Открой Warp — увидишь современный терминал с приветствием
Warp Terminal — страница загрузки

Б. Установи Claude Code

  1. В окне Warp выполни команду:
    curl -fsSL https://claude.ai/install.sh | bash
  2. Дождись окончания (установка 1-2 минуты)
  3. Закрой Warp и открой заново, чтобы применились пути
Установка Claude Code через Warp Terminal

В. Запусти и авторизуйся

  1. В Warp набери claude и нажми Enter
  2. Откроется браузер с авторизацией — войди в свой аккаунт Anthropic
  3. Вернись в Warp — там появится приветствие Claude Code и курсор для ввода
Claude Code работает в Warp Terminal

Сделал — переходи к следующему заданию. Если хочешь попробовать все три, возвращайся сюда после квеста.

Подсказка
Для новичка быстрее всего — Вариант 1 (Desktop). Программистам удобнее VS Code. Для автоматизации и скриптов — Warp. Менять можно в любой момент, данные остаются привязаны к аккаунту Claude.
Как проверить
Ты запустил Claude Code в выбранном клиенте (Desktop-приложение, VS Code или терминал) и видишь поле для ввода сообщения.
Отправь первое сообщение AI
Проверим что всё работает. Одно сообщение — и ты увидишь AI в деле.

В панели Claude Code напиши:

Привет! Расскажи коротко, что ты умеешь.

Подожди пару секунд — Claude ответит прямо в редакторе.

Если ответил — попробуй ещё:

Создай HTML-файл с заголовком Привет мир и открой его в браузере.

Claude Code создаст файл и предложит открыть. Ты только что написал свою первую «программу» с помощью AI.

Подсказка
Не бойся экспериментировать — попроси Claude сделать что-нибудь ещё. Он не сломает твой компьютер.
Как проверить
Claude Code ответил на оба сообщения. Ты видишь созданный HTML-файл.
Шаг 1 пройден!
Отличная работа! Переходи к следующему шагу.
Перейти к шагу 2