Рабочее место: IDE и плагины

1. И одной панели мало

Олег садится рядом, кивает на браузер, где у Тёмы всё ещё открыта вчерашняя панель, и спрашивает по-доброму:

— Ну что, как дальше думаешь жить?

— А чем плохо, дядь Олег? — Тёма даже слегка задирается, грудью встаёт за вчерашнюю панель, к которой за один день успел прикипеть. — Вчера же сработало на ура. Дал ИИ-агенту задачу — он сам файл сделал, игру запустил. Я, считай, уже освоился. Чё ещё-то надо?

— Понятно, — говорит Олег. — В чатике, значит, сидишь.

— Почему сразу в чатике?

— А как это ещё назвать? Окошко в браузере, ты туда пишешь, оно тебе отвечает. — Олег говорит без злорадства, скорее устало. — Я этих чатов навидался. Спросил — получил портянку текста — скопировал себе — вставил — не заработало — пошёл спрашивать снова. Красиво, только к работе отношения не имеет.

Тёма открывает рот возразить — и осекается. Вчера он ровно это Лёхе и объяснял, только с другой стороны.

— Дядь Олег, так он ж не отвечает. Он делает. Сам файлы пишет.

— Вот, — Олег поднимает палец. — Вот это и есть разница, и хорошо, что ты её поймал. Одно дело — ИИ, который отвечает текстом. Другое — Claude Code, который сам лезет в проект и работает руками. Ты вчера, между прочим, его и ставил — он первым пунктом в списке был.

— Ну да.

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

— А как надо-то? — спрашивает Тёма.

— В редакторе кода. Это специальная программа для написания программ, называется IDE. У тебя она, кстати, уже должна стоять — я вчера тебе в списке программ на установку ее давал

Тёма моргает.

— Стоит. Но я еще не открывал ни разу.

— Вот и открой, — говорит Олег. — Представь верстак столяра: слева на стене инструменты висят, перед тобой деталь, под рукой ящик — всё видно, всё под рукой. У редактора кода так же: слева список всех файлов проекта, в центре открытый код, внизу — терминал, тот самый, что я тебе вчера показывал. Не команды в темноте, а всё пространство работы целиком.

Тёма прикидывает — и упирается в одно:

— Слушай, дядь Олег, а ИИ-агент-то — он туда переедет? Или он только в браузере живёт?

— Вот это и проверим, — улыбается Олег. — Переселим его в IDE.

2. Что у тебя уже стоит

— Нам с тобой ничего ставить не придётся, — говорит Олег, и в голосе у него слышится тень вчерашнего блокнота. — Ты должен был вчера все поставить. Но раз ты этим будешь пользоваться, давай хоть разберёмся, что там у тебя завелось.

— Первое. Сам редактор — IntelliJ IDEA. Рабочее место для любых проектов.

Тёма открывает — и перед ним разворачивается большое окно с тремя зонами. Олег показывает пальцем:

— Вот, смотри. Слева — дерево файлов. В центре — редактор кода, тут открытый файл. Внизу — панель терминала. Видишь? Терминал не в отдельном окне, он просто стал одной из полосок на экране. Вот это всё вместе и есть твоё пространство проекта целиком.

Тёма залипает на секунду: вчера была щёлка-окно в браузере, а теперь — целая комната, где всё разложено. И тут он спохватывается:

— Дядь Олег, а работа моя где? Я ж всё утро в браузере ковырялся. Мне теперь всё заново, что ли?

— Ну открой да посмотри, — пожимает плечами Олег.

Тёма открывает — и застывает. В дереве слева лежат его собственные файлы. И утреннее ТЗ, и вчерашние игрушки. Ровно то, что он делал на сайте, в браузере, на другом конце города от этого ноутбука.

Про магию переноса кода решённой задачи — дальше в лекции.

— Дядь Олег. А как оно сюда попало?

Олег наклоняется, смотрит на экран пару секунд.

— Понятия не имею, — говорит он наконец. — Магия, наверное. Ладно, потом разберёшься.

И это, пожалуй, первый раз, когда Тёма видит, как Олег чего-то не знает.

— Второе. К редактору идут плагины. Дополнение к программе называется плагином — это как насадка на дрель: сама дрель одна, а насадками добавляешь ей новые умения. Один я тебе сейчас объясню — он по моей части. А там ещё что-то стоит, но это уже не ко мне, я в такое не лезу.

3. Плагин Claude Code — это мостик

— Тот плагин, который по моей части, — Claude Code. Официальный, от тех же ребят, кто делает самого агента. И вот тут, — Олег делает паузу, — есть важный момент. Этот плагин НЕ содержит в себе самого ИИ-агента.

Тёма не сразу понимает:

— Стоп. А что он тогда содержит, если не агента? Зачем он?

— Он — мостик. У тебя на компьютере лежат две разные вещи: сам ИИ-агент и провод к нему из редактора. Агент живёт отдельно, сам по себе. А плагин просто протягивает провод от IDE к нему. Это не второй Claude Code и не вторая установка — это розетка, в которую втыкается уже существующий прибор.

— А если бы агента не было?

— Тогда плагин бы просто не заработал, — Олег пожимает плечами. — IDE сказала бы что-то вроде «не могу запустить Claude Code», и всё. Кабель есть, а на том конце пусто. Розетка без прибора. Порядок тут железный: сначала сам агент, потом провод к нему. У тебя, судя по всему, всё легло правильно.

Это и есть проверка, что всё на месте: в IDEA доступна панель Claude Code, и редактор не ругается на отсутствие агента. Ругается — значит дело не в плагине, чинить надо саму установку агента.

— То есть вчера мне поставили инструмент, — соображает Тёма, — а тут просто провод к нему дотянут из редактора. Не два ИИ-агента, получается. А один и тот же, только теперь под рукой.

— Точно, — Олег обводит рукой собранную картину. — Ну вот. Редактор есть, агент дотянут проводом. И заметь — ничего заново ставить не понадобилось. Теперь просто запусти в терминале (внутри IDEA) claude и все. С помощью Claude Code плагина он сам получит доступ к файлам текущего проекта.

— Слушай, дядь Олег, а тут… ничего так, работать можно, — роняет Тёма, и сам слышит, что от утреннего «я тут опозорюсь» не осталось и следа.

— Вот и отлично, разбирайся. Если будут вопросы — зови.

4. Плагин JavaRush — учебная площадка

Когда Олег уходит, Тёма первым делом перемещает панель Терминала вправо - как в WebIDE: так и привычнее и удобнее. Затем следует советку Олега и набирает в терминале claude. Спустя пару секунд Claude Code запускается и отображает поле для ввода сообщений.

— Лёха, ты тут? — пишет Тёма в панель агента прямо в редакторе.

— Конечно! Куда я от тебя денусь, — успокаивающе сообщает Лёха. — Зачем звал?

— Я тут в IDEA переехал. И у меня сразу два вопроса. Первый: откуда здесь взялись мои файлы? Я их в браузере писал, а они тут лежат. Олег говорит, не знает.

— И не должен, — отзывается Лёха. — Это наша штука. У тебя тут второй плагин стоит — JavaRush, учебная площадка. Через него всё и ездит.

— В смысле ездит?

— Смотри. Когда ты отправляешь решение на проверку — неважно откуда, из браузера или отсюда, — оно уходит на сервер и там остаётся. А когда открываешь задачу в новом месте, оно оттуда же и подтягивается. Начал в браузере, продолжил в редакторе — работа одна и та же, просто лежит она не у тебя на ноуте, а на сервере. Руками таскать ничего не надо.

Тёма молчит секунду, переваривая. Он-то приготовился всё утро переделывать заново.

— Удобно, — говорит он наконец. — А второй вопрос: этот JavaRush-плагин ещё для чего?

— Для главного. Чтобы набивать руку, тебе нужны маленькие задачки — много и разных. Не «сделай большой проект», а «сделай вот эту мелочь и сдай на проверку». Плагин их и приносит: прямо в IDEA список заданий, берёшь по одному и отправляешь.

Слева отображается список задач. Берешь еще не решенную задачу и открываешь. У каждой задачи есть условие и список требований. А так же стартовый набор файлов.

Читаешь условие, требования, затем решаешь задачу. А когда посчитаешь, что задача готова - отправляй на сервер на проверку. Для этого сверху кнопки есть.

— Погоди, — Тёма щурится. — А сервер что, сам проверит? Без человека?

— Сам. Смотрит, что получилось, и говорит, засчитано или нет.

— Да, очень интересно, — соглашается Тёма. — Поумнеть проще, набив много маленьких шишек, а не одну большую.

5. Два рабочих места, и это нормально

— Только одну вещь сразу проговорим, — добавляет Лёха, — а то запутаешься.

— Теперь у тебя два места, где можно работать с ИИ-агентом. Первое — панель в браузере, та самая, где ты вчера играл в Арканоид. Второе — вот эта, взрослее: редактор, плагины, терминал. И там и там работает один и тот же ИИ-агент.

— Один и тот же прямо один в один?

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

— Понял. Тренажёр и настоящий, — кивает Тёма. — И где мне тогда сидеть?

— Задачи пока решай там, где привык — в браузере, — говорит Лёха. — Там просто и настраивать ничего не надо. А эту среду сейчас осваивай спокойно, без нервов: разберёшься — переедешь совсем. Никто не гонит.

— Красота, — говорит Тёма. Старое место никуда не делось, новое можно обживать не спеша — его это устраивает целиком. — Тогда показывай дальше.

— Дальше сам, — отзывается Лёха. — У тебя, между прочим, черновик ТЗ так и стоит с заглушками.

Тёма морщится. Заглушки — это те места, где Лёха насочинял наугад, потому что ответов не было. Ответов нет и сейчас: Антон сказал «у заказчика уточню» и пропал на совещаниях, заказчик молчит, а неделя идёт.

И тут Тёму осеняет.

А кто, собственно, сказал, что надо ждать? Товар он придумал — умная кормушка для кота: кормит по расписанию, следит с камеры, хозяин всё видит в телефоне. Вещь смешная и понятная. Про такое он и сам может все придумать, как рассказать, — тут не ракету запускать.

— Слушай, — говорит он Лёхе, — а давай я сам решу. Всё, что не ответили. Сделаю по-своему, покажу. Не понравится — переделаем, дело недолгое. Зато не буду сидеть и ждать у моря погоды.

— Разумно, — отзывается Лёха. — Только пометь, что это твои решения, а не согласованные. Чтоб потом не спорить, кто это придумал.