Level 2 · 2–3 часа

Meeting 2: Базовый сетап (Setup Guide)

Твоя рабочая среда за 7 шагов

Это пошаговый гайд по настройке инструментов для агентного кодирования.

Что ты установишь:

  1. Nimbalyst - изящный UI для работы с агентами
  2. Zed - быстрый редактор (легче VS Code)
  3. Warp с bash - современный терминал
  4. Claude Code - CLI для работы с Claude
  5. Git - версионирование
  6. Node.js - для JavaScript проектов
  7. Chrome Extension - интеграция Claude в браузер

⚙️ Шаг 1: Базовая конфигурация окружения

Установка основных инструментов

# Проверь, что у тебя установлены:
node --version        # v18+ нужна
npm --version         # идёт вместе с Node.js
git --version         # нужен для версионирования
warp --version        # современный терминал (или используй bash)

Если чего-то нет - скачай:

🎨 Шаг 2: Настройка терминала (upgrade v5 → v7)

2.1 Установка Nerd Font

Терминал должен красиво отображать иконки. Вот как:

  1. Скачай Nerd Font (например, JetBrains Mono Nerd Font):
   https://www.nerdfonts.com/

  1. Установи шрифт в систему (зависит от ОС)

  2. Настрой в своём терминале:

2.2 Установка темы терминала

# Для bash - добавь в ~/.bashrc
export PROMPT_COMMAND='echo -ne "\033]0;$(pwd)\007"'

# Или используй готовый конфиг:
# - One Dark Pro (популярная)
# - Nord (холодная, приятная)
# - Dracula (контрастная)

2.3 Улучшение bash

# Установи zsh или рыба (fish shell) для красивых подсказок:
# Или просто добавь в ~/.bashrc:

# Цветной output
export LS_COLORS='di=34:fi=0:ln=31:*.js=32:*.json=33'
export TERM=xterm-256color

# Полезные алиасы
alias ll='ls -lah'
alias gst='git status'
alias gco='git checkout'
alias gp='git push'

Проверь результат:

🧩 Шаг 3: Установка Chrome Extension

  1. Открой Chrome → Settings → Extensions → Enable Developer Mode
  2. Установи Claude Chrome Extension
  3. Закрепи иконку Claude в панели расширений

Теперь сможешь использовать Claude прямо со страницы без переключения между вкладками.

📝 Шаг 4: Установка Node.js и создание папок проектов

4.1 Проверь версию Node.js

node --version  # должна быть v18+
npm --version   # v9+

4.2 Создай структуру папок для проектов

cd ~/Documents

# Или где хочешь
mkdir -p warp-projects
cd warp-projects

# Создай папки для разных типов проектов
mkdir -p {web, cli, agents, experiments}

pwd  # Проверь, что ты в правильной папке

4.3 Инициализируй первый проект

cd web
npm init -y

# Установи полезные пакеты
npm install --save-dev prettier eslint

Сохрани эту папку - это будет твой playground.

4.4 Установка Marp (для Markdown-презентаций)

Marp — конвертер Markdown → HTML/PDF/PPTX слайды.

npm install -g @marp-team/marp-cli
marp --version

Команды:

| Команда | Результат | | --- | --- | | marp file.md | HTML слайды | | marp file.md --pdf | PDF | | marp file.md --pptx | PowerPoint | | marp file.md --watch | Авто-пересборка при изменениях | | marp file.md --preview | Превью в браузере |

Структура файла:

---
marp: true
theme: default
---

# Слайд 1

Контент

---

# Слайд 2

- Пункт А
- Пункт Б

--- разделяет слайды. Темы: default, gaia, uncover.

🔗 Шаг 5: Установка и настройка Git

5.1 Базовая конфигурация

git config --global user.name "Твоё имя"
git config --global user.email "твоя@почта.com"

# Проверь:
git config --global user.name

5.2 Что такое Git Repo и как его установить

Git Repository (Репозиторий) - это папка, которая отслеживает все изменения твоего кода.

# Инициализируй репо в текущей папке:
cd ~/my-project
git init

# Или клонируй существующее:
git clone <ссылка-на-репо>

5.3 Основные команды Git

# Посмотреть статус
git status

# Добавить файлы в staging area
git add .

# Создать коммит (сохранить изменения)
git commit -m "Описание изменений"

# Загрузить на сервер
git push origin main

# Скачать обновления
git pull origin main

Практика:

cd ~/warp-Efforts/On/web
git init
echo "# My Project" > README.md
git add .
git commit -m "Initial commit"

🤖 Шаг 6: Установка Claude Code

6.1 Установи Claude Code CLI

npm install -g @anthropic-ai/claude-code

6.2 Проверь установку

claude-code --version
claude-code --help

6.3 Сначала - базовые команды

# Запусти Claude Code в текущей папке
claude-code .

# Стартует интерактивная сессия

📚 Шаг 7: Команды Claude Code (шпаргалка)

/guide - Справочник

/guide  # Показывает справку по команде
claude code guide

Что ты узнаешь:

/explore - Исследование кодовой базы

/explore --thoroughness quick
# Быстрое исследование структуры

/explore --thoroughness medium
# Более детальное изучение

/explore --thoroughness very_thorough
# Глубокий анализ

Часто задаваемые вопросы для Explore:

/btw - Быстрая вставка

/btw
# Отправь дополнительный контекст без переписания промпта

Когда использовать:

🔌 Плагины и скиллы

Claude Code расширяется через два уровня:

| | Plugin | Skill | | --- | --- | --- | | Что это | Пакет с несколькими возможностями | Одно конкретное действие | | Как использовать | Установить → получить все skills внутри | Вызвать через /название | | Что содержит | Skills, agents, hooks, MCP серверы | Инструкции + код в SKILL.md | | Пример | firecrawl@local | /firecrawl:firecrawl-cli |

Пример: Plugin **firecrawl@local** содержит:

В практике:

💡 Вывод: Skills — то, с чем ты взаимодействуешь. Plugins — то, что предоставляет skills (и другое).

🔄 Начало и окончание сессии с Claude Code

Начало сессии:

cd ~/my-project
claude-code .

Появится интерактивный промпт. Ты пишешь задачу, Claude Code это решает.

Навигация по сессиям (чатам):

# Список всех сессий
claude-code list

# Открыть конкретную сессию
claude-code open <session-id>

# История сессии
claude-code history

Окончание сессии:

# Просто выход (сессия сохраняется)
exit

# Или в интерфейсе: Ctrl+C

📄 Шаг 8: Создание CLAUDE.md

Это главный файл, где ты пишешь контекст для агента.

Быстрый старт с /init

Если у тебя уже есть проект — Claude Code может сгенерировать CLAUDE.md автоматически:

cd ~/my-project
/init   # Claude Code проанализирует проект и создаст CLAUDE.md

Проверь и дополни сгенерированный файл — быстрее, чем писать с нуля.

Где разместить CLAUDE.md

| Область действия | Путь | | --- | --- | | Проект (через git) | ./CLAUDE.md или ./.claude/CLAUDE.md | | Личный (все проекты) | ~/.claude/CLAUDE.md | | Организация | системный путь |

Более конкретный файл переопределяет общий. ~/.claude/CLAUDE.md — хорошее место для твоих стандартов и предпочтений, которые работают во всех проектах.

Вручную: создай файл

cd ~/my-project
touch CLAUDE.md

Заполни структуру:

# Project Context

## Моя роль
Я - [твоя роль, контекст, что ты знаешь]

## Проект
[Что это за проект, зачем он нужен]

## Техстек
- Node.js 18
- React 18
- PostgreSQL

## Структура папок
- `/src` - основной код
- `/tests` - тесты
- `/docs` - документация

## Важные файлы
- `package.json` - зависимости
- `config.js` - конфигурация

## Как запустить проект
npm install
npm start

## Что делегировать агенту
- Форматирование кода
- Написание тестов
- Документирование
- Рефакторинг

## Что сам решаю
- Архитектурные решения
- Code review финального кода
- Деплой на продакшн

## Инструкции для Claude Code
- Используй TypeScript где возможно
- Пиши комментарии для сложной логики
- Следи за производительностью

Теперь Claude Code будет использовать этот контекст автоматически.

💡 Советы по CLAUDE.md

  • Держи до ~200 строк — длинный файл ест контекст и снижает следование инструкциям
  • Будь конкретным — "Используй 2-пробельный отступ" лучше, чем "форматируй код правильно"
  • Избегай противоречий между несколькими CLAUDE.md файлами

Теперь твой CLAUDE.md готов и будет автоматически загружаться каждую сессию. Но как отслеживать, сколько контекста ты использовал? Для этого понадобится следующее:

🛠️ Использование токенов и Status Line

Что такое токены?

Токены - это единицы обработки текста для LLM. 1 токен ≈ 4 символа.

Настройка Status Line (футер терминала)

Этот гайд поможет видеть, сколько токенов использовано:

# Установи jq (для парсинга JSON)
# На macOS:
brew install jq

# На Windows (WSL):
sudo apt-get install jq

# На Linux:
sudo apt-get install jq

Добавь в .claude/settings.json (после создания первой сессии):

{
  "statusLine": {
    "enabled": true,
    "showTokenUsage": true,
    "format": "Tokens: {usage} | Model: {model}"
  }
}

Теперь видишь расход токенов в реальном времени.

🚀 Продвинутая настройка (Expert mode)

После того, как освоишь базовый вариант, можешь создать настоящий статус-лайн с:

Как это выглядит:

Sonnet 4.6 (200k) [████░░░░░░] 40% | 12% | ProjectName
daily  [████░░░░░░] 15% (56k) 🕐 14:23
weekly [████░░░░░░] 8% (160k) 🕐 Mon 17 Mar

Это требует больше знаний о bash скриптах и JSON парсинге, но дает полный контроль над отслеживанием токенов. Обратись к этому после Meeting 3, когда ты станешь комфортнее с системой.

🧠 Режим планирования

Когда ты начинаешь большую задачу, Claude Code может перейти в режим планирования:

# Внутри сессии Claude Code:
/plan

# Агент создаст пошаговый план вместо прямого решения

Преимущества планирования:

Режимы в планировании:

Claude может работать в разных режимах:

✅ Чеклист: Ты готов!

🎯 Результат Meeting 2

Теперь у тебя есть:

📝 Домашка

Задание: Создай первый проект в папке ~/my-Efforts/On/hello-world:

mkdir -p ~/my-Efforts/On/hello-world
cd ~/my-Efforts/On/hello-world
git init
npm init -y
touch CLAUDE.md

Заполни CLAUDE.md с информацией о своём проекте.

Проверь:

📊 Feedback после Meeting 2

Перед переходом к Meeting 3 — заполни my-experiments/feedback-m2.md (скопируй из my-templates/feedback-template.md, 3–5 мин).

Это делает курс самосовершенствующимся: твой сигнал (опционально, анонимно) идёт в course-feedback/ и помогает автору улучшать модули.

**Готов к Meeting 3? Перейди к **03-prompt-engineering.md

⬡ Практика

Установи все инструменты из чеклиста Meeting 2. Сделай скриншот терминала с запущенным Claude Code и сохрани в my-experiments/02-setup-done.png

← Meeting 1: ЗнакомствоMeeting 3: Промпт-инжиниринг →