Claude Code - Full Tutorial for Beginners

Хорошо, значит, вы никогда раньше не пользовались кодом Клода. Отлично. Присаживайтесь, возьмите кофе. Это полное видеоразъяснение о том, как использовать эту технологию. Я предполагаю, что у вас нет никаких технических знаний. Мы разберем, что это такое, как это настроить, как это использовать, чем это отличается от Claude и Claude co-work, таких вещей, как MCP, skills, файла claude.md, как все это работает вместе, таких вещей, как токены, контекст, управление контекстом, а также как работает терминал. Я знаю, что это может показаться довольно пугающим, если вы никогда раньше не кодили, но я пройдусь по этому очень простым, неформальным способом. Также, самые важные вещи, которые вы можете сделать как человек в этом процессе, чтобы получить максимум от облачного кода. Также несколько хаков, которые я использовал, используя его около 8 месяцев практически каждый день, и очень важно, как использовать его более дешевым способом. Итак, много чего нужно охватить. Давайте не будем тянуть. Давайте приступим. И если вы здесь впервые, я Эндрю. Я старший инженер-программист. Я использую Cloud Code, по сути, с момента его выпуска. Этот продукт теперь моя жизнь. И я пришел в тех в 30 лет. Я никогда не кодил и не программировал до 30 лет. И я думаю, это помогает моей аудитории, потому что я могу объяснять вещи обычным неформальным способом. Так что, если это звучит как ваш стиль, подпишитесь, если хотите. В противном случае, давайте приступим. Хорошо. И есть Claude. Есть Claude co-work и есть Claude code. Я хочу рассмотреть различия и причины, по которым вы бы использовали одно вместо другого, и это поможет нам лучше понять Claude code. Итак, все они используют одни и те же модели от Anthropic под капотом. Итак, у вас есть Claude. Это как OG продукт, как ChatGPT, но у него нет доступа к вашей файловой системе, но это как чат-интерфейс. Вы можете задавать ему вопросы или генерировать текст, например. Claude Co-work больше похож на настольного ассистента. Он имеет доступ к вашей файловой системе на вашем компьютере, и он очень хорош для организации файлов, такого рода вещей. Но Claude Co-Work довольно ограничен. И то, о чем мы будем говорить сегодня, это Claude Code. Причина, по которой он так мощный, заключается в том, что он интегрирован в ваш терминал, поэтому он менее ограничен. А терминал — это способ взаимодействия с вашим компьютером без использования мыши. Так что он может делать больше, потому что у него больше доступа для выполнения большего количества задач. Итак, это краткий обзор продуктов Claude. Давайте поговорим более конкретно о Claude Code. И для этого руководства я покажу вам каждый способ, которым вы можете использовать Claude Code. Мы начнем с настольного приложения. Я покажу вам, как работает пользовательский интерфейс, что происходит, и как вы можете генерировать код таким образом. Затем мы перейдем к терминалу, который является первоначальным способом использования облачного кода. И мы закончим, используя IDE под названием Cursor. Я думаю, это самый мощный способ его использования. Итак, мы закончим оставшуюся часть курса, используя этот метод. Теперь очень важное предостережение: чтобы использовать Claude Code, вам придется за него платить. Он недоступен по бесплатной подписке, но если у вас есть тариф Pro, который является минимальным, который вам понадобится, он позволит вам использовать Claude Code. Если вы делаете более сложные вещи, вы довольно быстро достигнете лимита скорости с ним. Но если вы просто хотите поиграть с ним, тариф Claude Code Pro — это все, что вам нужно. Хорошо. Итак, давайте поговорим о самом простом способе использования Claude Code, и это через настольное приложение. Хорошо, я покажу вам, как это работает. Итак, вы переходите по этому URL-адресу здесь и скачиваете его, независимо от вашей операционной системы. И как только вы это сделаете, и как только вы войдете в свою учетную запись, вам будет представлено это. Итак, позвольте мне объяснить, что здесь происходит. Итак, это, как я уже сказал, самый простой способ использования Claude Code. Большая часть сложности абстрагирована, и у вас есть этот приятный маленький пользовательский интерфейс наверху. У него есть чат, на который я не буду, я не буду нажимать, потому что я не знаю, что я искал в последнее время. co-work, о котором мы говорили ранее, и claude code, и у вас есть этот маленький пользовательский интерфейс здесь, который показывает ваше использование, а сбоку у нас есть новая сессия, так что это начнет новый агент, с которым вы можете выполнять любые задачи по кодированию, которые вы хотите, рутины, так что это как маленькие автоматизации, которые вы можете делать, так что я на самом деле не использовал это много, а customize — это место, где вы добавляете контекст, такие вещи, как MCP-серверы и облачные навыки в ваш проект. Я углублюсь в это позже в видео, но пока я просто хочу показать вам, что для начала нам нужно место, куда мы будем генерировать весь этот код. Чтобы сделать это, нажмите здесь. Итак, добавьте еще одну папку, и если хотите, вы можете создать здесь еще одну папку, используя, и знаете, назовите ее cloud code, что угодно. У меня уже есть одна, но да, вам нужна одна папка, куда вы можете направить claude code, и он будет генерировать весь этот код. Итак, я буду использовать, у меня есть приложение под названием Polymath. Я направлю его сюда. И чтобы начать, вы просто нажимаете новую сессию, а затем начинаете набирать что угодно, и вы просто начинаете этот разговор на обычном английском языке с Claude, и он начнет создавать эти функции. Это, по сути, все. Хорошо, давайте пройдемся по некоторым вещам, которые здесь происходят внизу. Итак, здесь, очевидно, вы пишете свои запросы, сообщая Claude, что вы хотите, чтобы он сделал. Внизу у нас разные режимы. Итак, сейчас он в режиме принятия изменений. Есть запрос разрешений, где, если Claude хочет что-то сделать, что-то существенное, он будет постоянно спрашивать вашего разрешения, что через некоторое время становится раздражающим. Номер два — принять изменения. Итак, я говорю Claude: "Хорошо, я тебе доверяю. Ты можешь вносить изменения. Тебе не нужно постоянно возвращаться ко мне и спрашивать разрешения". И три — режим планирования. Итак, это особый режим, когда вы планируете проект. У меня есть целый раздел позже в этом видео, посвященный режиму планирования, так что мы пропустим это пока. Затем здесь у вас есть этот маленький значок плюс, и вы можете добавлять команды, такие как MCP-подобные вещи. Опять же, мы рассмотрим это позже. Но в качестве побочной заметки здесь вы можете добавлять файлы и папки в Claude. Одним из самых полезных случаев использования является то, что если вы не уверены в дизайне или ваши дизайнерские навыки никудышны, вы можете зайти в приложения, которые вам нравятся, или на веб-сайты, сделать скриншот, а затем просто загрузить его в Claude и сказать: "Можешь ли ты сделать так, чтобы мое приложение выглядело так?" Это на самом деле удивительно эффективно. Также здесь у вас есть модель, которая используется. Мы много поговорим об этом позже, потому что все они имеют разную производительность, но также стоят значительно меньше или больше в зависимости от задачи, которую вы хотите выполнить. Но это настольное приложение. Так что, по сути, вы можете разгуляться и начать создавать вещи прямо сейчас. Но то, что я рекомендую, и то, что используют большинство разработчиков, люди, которые серьезно относятся к использованию облачного кода, они используют терминал с облачным кодом, что было первоначальным способом его создания. Итак, давайте перейдем к этому сейчас. Хорошо. Итак, чтобы использовать облачный код в терминале, есть на самом деле два способа. Номер один, первый способ — использовать его просто в терминале. Я покажу вам, как это сделать сейчас. Второй способ — использовать его в терминале через редактор кода, такой как Cursor, который является наиболее оптимальным способом его использования. Итак, я сначала покажу вам терминал, а затем позже оставшаяся часть курса, оставшаяся часть видео будет посвящена его использованию с редактором кода. Итак, сначала терминал. Все, что вам нужно сделать, это перейти по этому URL-адресу здесь. И если вы используете Mac, вы просто копируете эту команду прямо здесь. Если вы смотрите это через 2 месяца, она может немного измениться, но просто зайдите в документацию Claude Quick Start и найдите нативную установку. Затем, если вы на Mac, найдите терминал. Итак, мой открыт здесь, терминал. Нажмите на него. Скопируйте это. Бум. Затем он предложит вам войти в вашу учетную запись Claude Enthropic. Войдите, и вы там. Если вы используете Windows, вам просто нужно скопировать этот URL-адрес здесь, а затем найти PowerShell. Вставьте этот запрос в терминал для PowerShell, а затем следуйте инструкциям, чтобы снова войти с помощью вашей учетной записи Anthropic или Claude. И затем мы возвращаемся в терминал. Возможно, вам придется перезапустить его. И вы просто набираете Claude, и это откроет Claude Code. И это все. Затем бум, вот мы. Итак, теперь у вас настроен Claude Code на вашем компьютере. Он работает через терминал. Так что теперь вы можете начать создавать действительно крутые вещи. Давайте просто посмотрим, что здесь происходит. Итак, он сообщает нам, какая версия Claude здесь, какая модель используется прямо сейчас, план описания, который у меня есть, где мы находимся в моей файловой системе. Так что это довольно важно. Итак, прямо сейчас на самом деле нет папки. Так что я могу сказать Claude, знаете ли, сделайте мне папку. Хорошо. Хорошо. Итак, если вы хотите, чтобы оставшуюся часть этого видео вы могли продолжать использовать claude code таким образом в терминале. Я рекомендую использовать его с редактором кода, таким как VS Code или Cursor. Оба бесплатны в использовании, но это не так уж и важно, но более мощно использовать его с редактором кода. Но если хотите, вы можете продолжать использовать его так в терминале. Хорошо. Далее, давайте поговорим о терминале. Хорошо. Итак, почему Claude использует терминал? И для чего хорош терминал? Итак, как люди, мы взаимодействуем с компьютерами очень визуально. Мы смотрим, мы используем мышь, мы указываем, мы щелкаем, чтобы он делал вещи и создавал вещи. Quad использует терминал, потому что это очень простой текстовый способ взаимодействия и выполнения задач с вашим компьютером, а не щелкать по меню или ждать загрузки интерфейса. Так что это очень мощно, потому что, по сути, все, что вы можете сделать со своим компьютером, например, запускать программы, редактировать файлы, устанавливать программное обеспечение, обрабатывать данные, автоматизировать задачи, вы можете делать все это с помощью терминала. И это язык, на котором говорят эти агенты кодирования. Так что вместо того, чтобы он брал мышь и щелкал, терминал — это самый оптимальный способ для агента кодирования, такого как claw code, взаимодействовать с вашим компьютером и выполнять задачи. И вы, возможно, видели в фильмах, где эти хакеры, у них капюшон, и они всегда набирают зеленый текст. Всегда темно. Терминал — одна из тех вещей. Поначалу это кажется очень пугающим. Например, я так долго избегал его использования, но как только вы погрузитесь. Как только вы начнете использовать его немного больше, немного больше, вы станете более комфортным. Так что я рекомендую вам просто начать использовать его время от времени и стать более комфортным с использованием терминала. Хорошо, прежде чем мы пойдем дальше, прежде чем вы начнете создавать следующий SpaceX, давайте поговорим об управлении версиями. Итак, Git и GitHub. Git — это, по сути, инструмент на вашем компьютере, который отслеживает изменения в ваших файлах с течением времени. Так что это как неограниченная отмена для вашего кода. Так что он позволяет вам сохранять контрольные точки, которые мы называем коммитами, и вы можете вернуться назад во времени, и если вы что-то сильно испортите, что часто случается при кодировании, тогда вы можете вернуться и легко отменить. GitHub — это веб-сайт, где вы можете хранить проекты Git онлайн, так что это облегчает обмен вашим кодом, сотрудничество с другими и просто размещение проектов в облаке. Теперь причина, по которой это важно, например, я сейчас разрабатываю свое приложение, и пару недель назад я попросил его изменить некоторые изображения в одном курсе, который я прохожу, 50 других курсов, и он изменил каждое изображение для всех курсов, чего я не хотел. Я подумал: "Боже мой", но я мог бы использовать Git, поэтому я мог бы просто отменить до предыдущего коммита, и это было так просто. Итак, если я говорю с какими-либо кодерами, я всегда рекомендую изучить основы Git. И это push, pull, возможно, merge, и немного о рабочих деревьях. И я оставлю ссылку на видео в описании. Оно с моего Instagram. Это короткое 40-секундное видео с бесплатным планом обучения Git бесплатно. Так что проверьте это, если хотите. Но позвольте мне показать вам, как настроить Git и GitHub. Хорошо. И чтобы установить Git, вы просто устанавливаете его один раз на свое устройство. Его не будет по умолчанию. Итак, вы переходите по этому веб-сайту здесь. Git — это потрясающе. И это как бесплатное программное обеспечение с открытым исходным кодом, восьмое чудо света. Оно очень сильно спасет вас, если вы испортите любой из своих проектов. Так что выберите любой вариант, будь то Mac или Windows, или что вы можете сделать, это красота использования Claude: когда вам нужно что-то установить, просто скажите, что мне нужно установить? Так что вы буквально можете сказать Claude, установи мне Git, и он это сделает. Далее мы хотим настроить GitHub. Теперь это будет немного настройки, но поверьте мне, это того стоит, и вам не придется особо поддерживать это. Вы настраиваете свой GitHub, создаете репозиторий, и это все. По сути. Итак, сначала мы идем на github.com. Это совершенно бесплатно. Нажмите кнопку регистрации. Введите свою электронную почту, пароль и имя пользователя. А затем они попросят вас подтвердить код, который они отправят вам по электронной почте. Как только вы войдете, вам нужно будет нажать "новый" или "новый репозиторий". Нажмите эту кнопку, а затем дайте вашему проекту имя. Что-то вроде моего первого проекта Claude. Оставьте настройки по умолчанию и нажмите "создать репозиторий". И это все. Ваш репозиторий GitHub готов. И вам также понадобится эта ссылка на URL. Так что зайдите на страницу репозитория, нажмите зеленую кнопку "код" и скопируйте HTTPS-ссылку. Она должна выглядеть примерно так. Этот URL — это мост между вашим ноутбуком и GitHub. Хорошо, я только что аутентифицировался и подключил свою учетную запись GitHub к этому терминалу Claude code. Я расскажу вам шаги, которые я прошел, чтобы сделать это. Во-первых, я вошел в Claude, и я был разработчиком в течение 6 лет, и я не знал, как это сделать. Прелесть Claude и AI в том, что вы можете спросить его, как использовать Claude. Так что вы спрашиваете Claude, как использовать Claude. Любой вопрос, просто спросите. Итак, я спросил, как подключить этот терминал к моей учетной записи GitHub, и он предложил несколько разных способов. Я выбрал самый простой вариант здесь, который является GitHub CLI. Я нажал "аутентификация" и ввел эту команду gh или login. Было некоторое взаимное движение. Так что я, но он продолжал говорить мне, что делать, а затем он аутентифицировался, и теперь я вошел как Andre Tatasol. Он синхронизировал мою учетную запись GitHub с этим Claude. Я знаю, что это кажется много. Это кажется много настройки, но поверьте мне, это того стоит, и вам нужно сделать это только один раз. Хорошо. И последний способ, которым вы можете использовать Claude Code, третий способ, и способ, который мы будем использовать до конца этого видео, — это через редактор кода. И все, что вам нужно сделать, это установить один, и вы готовы. Итак, есть два, которые выделяются. Оба бесплатны. Не имеет большого значения, какой из них вы используете. Они оба выглядят очень похоже. Есть Visual Studio Code. Это как OG. Это то, где я учился кодить, где я вручную набирал код в 2020 году. Действительно хороший редактор с открытым исходным кодом. Так что вы можете скачать его, если хотите. Или есть Cursor. Он был построен поверх VS Code. Я буду использовать его, потому что у меня есть план с ними, и он мне нравится. У него есть свой собственный ИИ на платформе, но мы просто проигнорируем это. И чтобы скачать любой из них, все, что вам нужно сделать, это просто нажать "установить" и следовать инструкциям. Создайте учетную запись, и вы готовы к работе. Хорошо, Cursor скачан. Что нам нужно сделать, это создать новую папку на вашем рабочем столе или где угодно, где вы хотите ее использовать. Я назову ее Claude Code. Пожалуйста, проигнорируйте мой рабочий стол. Там много всего происходит. Итак, у меня есть новая папка, и просто перетащите ее в Cursor, где бы она ни была. Просто перетащите ее на значок, и бум. Это теперь настройка. Клянусь, вам не нужно ничего больше скачивать. Итак, позвольте мне провести вас через Cursor, что это такое, что здесь происходит. Давайте поговорим об этом пользовательском интерфейсе. Хорошо, вы увидите много всего здесь. С правой стороны нам на самом деле это не нужно. Это встроенный ИИ Cursor. О, мы просто Как от этого избавиться? Хорошо, вот и все. Нам это не нужно. Так что вы можете от этого избавиться. И так, эта большая панель здесь — это то, где будет отображаться код. А с левой стороны — структура файлов. По сути, все папки и файлы, которые создает облачный код, будут отображаться здесь. И то, что мы собираемся сделать, это перейти сюда, нажать "терминал", и мы начнем новый терминал. И теперь мы начнем готовить. Хорошо. Итак, откройте это немного. Мы набираем claude. Набираем claude. Нажимаем Enter. И бум. Мы готовы к работе. Итак, это теперь оптимальная настройка. Так что вы можете использовать его на рабочем столе в терминале. Как я рекомендую, это через редактор кода, такой как Cursor, и вот как вы будете его использовать. Итак, так что теперь мы можем начать взаимодействовать с облачным кодом, и все, что мы спросим, все, что мы построим, будет построено в этой папке, и мы сможем видеть, что происходит. Для начала давайте посмотрим на этот терминал и посмотрим, что происходит. Он содержит некоторую информацию о том, как начать. Он предлагает, как создать новое приложение, версию. Он также говорит, какая модель используется. Итак, давайте начнем с небольшой игры. Итак, я скажу: "Пожалуйста, создай игру Тетрис с ретро-цветами". Вот и все. Это все. Так что весь этот ажиотаж вокруг этого продукта, по сути, заключается в этом терминале. Так что вы просто разговариваете с ним, спрашиваете его о вещах, и в этой структуре папок, которую мы теперь назвали code, он просто начнет создавать код. Так что, какая бы задача у вас ни была, возможно, вы хотите просмотреть какие-то документы или вы хотите начать генерировать код, вот как вы это делаете. Вы просто взаимодействуете с этим терминалом, и если вы посмотрите сюда, он думал 104 секунды. Так что планировал этот проект в течение 104 секунд. Теперь он фактически выполняет и использует токены. Так что он уже использовал 5000 токенов, что не так уж и много. Облачный код хорош, потому что он действительно дает вам много обратной связи о том, сколько токенов вы используете, и вы действительно можете видеть мыслительный процесс. Он также использует эти разные прилагательные. Так что это как фирменный знак Claude code. У него есть эти разные прилагательные, такие как "buring", что я на самом деле не знаю, что это значит. Хорошо, это, вероятно, первое, о чем стоит поговорить с Claude, и это разрешения. Итак, он начинает создавать этот HTML-файл Тетриса. И Claude запрашивает разрешения, потому что это агент. Хорошо. Он может создавать файлы, редактировать файлы и выполнять команды, но по умолчанию он будет останавливаться и спрашивать вас, может ли он что-то делать и менять на вашей системе. Так что это просто позволяет вам, знаете ли, сохранять контроль. И здесь у вас есть три варианта. Итак, номер один — вы можете просто одобрить это одно действие. Итак, он говорит: "Хотите ли вы создать этот HTML-файл?" но он будет продолжать спрашивать вас снова, и это станет очень раздражающим. Номер два — вы разрешаете все изменения в течение этой сессии, что я и сделаю, а затем в следующей сессии облачного кода он сбросится и снова попросит вас дать ему разрешение, или вы можете просто сказать "нет", что бессмысленно для использования этой вещи. И есть четвертый вариант, но я покажу его вам через минуту, но сначала давайте разрешим все изменения в течение этой сессии. Итак, я говорю Claude: "Перестань спрашивать меня разрешения, просто делай вещи". И четвертый вариант — вот этот. Это опасно пропустить разрешения. Это как ядерный вариант, и вы, по сути, говорите Claude: "Делай что хочешь". Знаете, у тебя полный контроль. И это нормально в какой-то песочнице, но я просто буду очень осторожен с этим. Итак, для начала я разрешу все изменения в течение этой сессии. Затем, знаете ли, для реальных проектов и всего такого, этот вариант "опасно пропустить разрешения" немного рискован, но зависит от того, насколько вы опытны в использовании этого. Но для начала используйте вариант два, разрешите все изменения в течение этой сессии. Хорошо. И Claude был занят. Он закончил этот файл. Файл содержит 678 строк кода, и он создал игру Тетрис. Он рассказывает о функциях, которые он создал, и у него есть система рекордов, вспышка экрана, все такое. Он говорит о ретро-дизайне, который я просил, и это заняло у него 3 минуты и 20 секунд. Чтобы разработчик сделал это, вам потребуется, я не знаю, часы, по крайней мере, может быть, даже день. Так что да, это просто Claude делает свою работу. Хорошо, Claude создал этот файл Тетриса. И это красота наличия редактора кода. Я могу теперь зайти и посмотреть этот код. Вы можете не захотеть, но если хотите, можете. Давайте протестируем эту игру. Давайте протестируем эту игру Тетрис. Итак, что мы собираемся сделать, это теперь в Cursor, у вас есть поиск. Вы можете искать по файлам. Это Git. Так что это более простой способ взаимодействия с Git. И здесь у вас есть расширения. Хорошо. Так что, чтобы увидеть эту игру Тетрис. Мы хотим увидеть ее в браузере. Самый простой способ сделать это — скачать пакет здесь. Вы просто заходите в расширения и скачиваете этот. Он называется live server. У меня он уже есть в системе. Вы просто нажимаете "установить". Хорошо. Итак, как только вы скачали это расширение, вам, вероятно, придется закрыть Cursor, а затем перезапустить его, чтобы он распознал это расширение. И все, что мы делаем, мы заходим в этот файл Тетриса, щелкаем правой кнопкой мыши, и тогда он появится здесь. Итак, это открыть с помощью live server. Хорошо. Итак, повторим еще раз. Найдите это расширение live server. Установите его. Перезапустите Cursor, чтобы он распознал расширение. Щелкните правой кнопкой мыши по файлу. Просто щелкните правой кнопкой мыши здесь. Открыть с помощью live server. И вот оно. Выглядит довольно круто. Давайте немного поиграем с ним. Так что нажмите любую клавишу. О, вау. Хорошо. Как это работает? Хорошо. Вот как это работает. Что вы думаете? Это очень, это на самом деле очень хорошо. Хорошо. Итак, мы только начинаем, но я хочу дать вам небольшой тизер того, насколько мощной может быть эта технология. Итак, что мы можем сделать, это я могу сказать Claude, для этой игры Тетрис, давайте добавим, давайте изменим цвет. Измените цвет с зеленого на синий. Хорошо, маленькая, маленькая просьба. И что мы можем сделать, это мы можем запустить еще один экземпляр облачного кода. Итак, мы идем сюда и ищем этот значок плюс. Это запустит новый терминал. Я захожу сюда, набираю claude. Мы можем запускать несколько экземпляров облачного кода. Итак, я не хочу перегружать вас слишком многим здесь, но я просто хочу показать вам небольшой тизер того, насколько мощным это может быть. Итак, что мы можем сделать здесь, это давайте добавим светлый и темный режим в игру. У вас может быть два экземпляра облачного кода, работающих вместе. Итак, два агента. Так что иногда вы видите людей с 15 или 20 агентами. Итак, он спрашивает меня о разрешениях. Да. Так что вместо того, чтобы он делал одно дело за раз, вам приходится ждать. У вас может быть несколько экземпляров облачного кода. Так что, если вы создаете приложение, у вас может быть много разных функций, работающих одновременно. И если это становится более 10, это может быть довольно ошеломляющим. И вот где это становится очень мощным, потому что у вас может быть несколько экземпляров облачного кода одновременно, несколько агентов, выполняющих множество разных задач, и вы просто дирижируете этим. Итак, он завершил эти два изменения. Итак, в первом он изменил все зеленые на синие. Так что границы пользовательского интерфейса, текст, тени и т. д. Во втором он добавил темный и светлый режим и сообщил нам, как его переключать. Так что я нажимаю M на клавиатуре, и это изменит его, и я могу сделать это в любое время. Итак, давайте протестируем это. Итак, зайдем сюда. Да, он синий. Я думаю, он выглядел лучше с зеленым. Я нажму M сейчас. Вот и все. Так что это просто небольшое окно в то, насколько мощными могут быть несколько агентов. Хорошо, я просто играю в свою чудовищную игру в понги. Если вам нравится этот контент, все, что я прошу, это просто лайкнуть это чертово видео. Это бесплатно для вас, мне очень поможет, и это мотивирует меня делать больше таких видео. И если вам нравится такой контент, подпишитесь, если хотите. В любом случае, вернемся к видео. Это было близко. Хорошо, одну вещь, которую я хочу объяснить, это контекстное окно, потому что я буду продолжать говорить об этом, и просто полезно знать, почему. Почему это так важно? Почему это имеет значение? Как только вы поймете это, это действительно изменит ваш подход к использованию облачного кода, знаете ли, почему создание этих случайных файлов и создание планов и навыков и MCP-серверов, почему все это важно. Так что, если вы сможете это понять, это очень поможет. И я нашел это очень хорошее визуальное представление, которое, я думаю, помогает и объясняет это простым, легко понятным способом. Контекстное окно — это краткосрочная память Claude для этой сессии. Так что оно содержит все, что Claude может видеть прямо сейчас. Ваш файл Claude MD, файлы, которые он открыл, каждое сообщение, которое вы отправили, а также ответы, которые он отправил вам. Так что оно большое, но не бесконечное. Так что думайте об этом как о доске. Так что на ней много места, но в конце концов она заполняется. И когда это происходит, старые вещи, то, о чем вы говорили давно, вытесняются. И вот почему Claude, кажется, забывает вещи или внезапно становится более глупым и забывает инструкции, которые вы дали ему час назад. Это контекстное окно. Так что, как будто вы даете ему новые вещи, но он вытесняет старые вещи, которые все еще могут быть очень важны. Так что вот почему эта штука здесь, которую я вам показываю, это визуальное представление, поэтому управление ею — это ваша большая работа на самом деле. И поэтому управление ею имеет значение. Так что чистое сфокусированное контекст сохранит Claude острым. Если оно раздуто и в нем слишком много всего, Claude будет забывчивым. Оно будет медленнее и будет делать больше ошибок. И некоторые из этих команд, о которых мы говорили ранее, такие как clear, compact, context, они существуют. Так что вы можете контролировать то, что находится в доске, то есть контекстное окно. Хорошо. Итак, давайте начнем исследовать немного дальше с облачным кодом и посмотрим на некоторые команды, которые вы можете выполнять. Итак, очевидно, вы можете набирать текст и разговаривать с облачным кодом в интерфейсе на обычном английском языке, но есть также команды, которые являются как бы ярлыками, которые могут помочь вам делать определенные вещи. Итак, давайте пройдемся по ним сейчас. И чтобы начать команду, вы просто нажимаете слэш, и вот оно. У вас есть куча разных вариантов. И если вы когда-нибудь не уверены, что вы можете делать с некоторыми командами с облачным кодом, просто да, слэш, и вы можете просто пройтись по ним и увидеть, что предлагается. Полезная команда — help. И help полезна, потому что, если вы просто не уверены, что вы можете делать с некоторыми из этих команд, и облачный код, очевидно, обновляется часто. Но если вы посмотрите на general, у нас есть некоторые ярлыки. Так что вы можете на самом деле, если вы делаете @, вы можете пометить путь к файлу. Это полезно, если вы генерируете изображения в своей кодовой базе или делаете что-то подобное, и вы хотите сослаться на файл для контекста. Это очень полезно. Или /btw. Так что это как бы "кстати", если вы что-то спросили у облачного кода, и он генерирует, он думает об этом, тогда вы можете сделать /btw, и это почти как побочный вопрос, и с командами есть куча разных. Так что, если вы не уверены, какие команды вы можете выполнять, вы можете просто пройтись по этому большому списку, но давайте пройдемся по самым популярным командам. Вы не будете использовать все из тех, что я показал вам. Так что давайте пройдемся по тем, которые вы, скорее всего, будете использовать чаще всего. Первая — clear. Итак, что это делает, это, по сути, как кнопка "свежий старт", и вы используете ее, когда переключаетесь на совершенно другую задачу в Claude. Так что это как новая сессия с пустым контекстом. Очень полезно. Следующая — context. Позвольте мне просто показать вам context. На самом деле, что это показывает нам, это то, что Claude видит, контекст. Мы углубимся в это во время этого видео, потому что, когда вы используете Cloud Code, я вижу роль человека как менеджера контекста. Так что большая часть использования облачного кода и получения от него максимальной пользы — это быть этим человеческим менеджером контекста. Так что я углублюсь в это. Но если вы сделаете это, вы можете увидеть, что видит Claude, какие файлы он открыл, а также ваш файл Claude MD, историю вашего разговора. Следующее, что я хочу показать вам, это model. Итак, это показывает вам, какую модель вы используете. Теперь, что это делает, это позволяет вам переключаться между различными моделями. И это становится все более и более важным в AI, поскольку токены становятся дороже. Так что вы используете токены, когда пишете запросы к Claude, и он как бы сжигает эти разные токены. Но эти модели делают разные вещи, и если вы используете самые дорогие, самые сложные модели для простых задач, это немного расточительно. Так что, что вы можете сделать здесь, вы можете переключаться между этими разными моделями. На высоком уровне, Sonnet быстр, он дешев и является своего рода рабочим конем здесь. Так что этот, Sonet 4.6, Opus — лучший. Так что он медленнее и, по сути, умнее и лучше для более сложных проблем. И следующее, что я хочу показать вам, это init. И что это делает, это инициирует файл claude.md. Это довольно большая концепция в облачном коде. Мы сделаем полный раздел об этом позже. Мы хотим настроить его здесь. Итак, мы делаем proceed, и это создаст файл claude.m MD. Так что, если вы посмотрите сюда, он теперь создал файл claude.m MD. Это почти как документация приложения, но, как я уже сказал, мы рассмотрим это позже. Но я хочу пройтись по некоторым сочетаниям клавиш, потому что их несколько в Claude. Escape. По сути, вы можете просто прервать все, что делает Claude. Вы разговариваете с ним, и он генерирует что-то. Вы говорите: "Нет, нет, нет. Я не хочу, чтобы ты это делал. Просто нажмите Escape, и он выйдет из этого". Если вы хотите сослаться на определенный файл, это символ @. У вас также есть восклицательный знак для выполнения команды bash. У вас также есть хештег, и что это сделает, это я могу написать здесь что-нибудь, что угодно, и это добавит это в файл claw MD, о котором мы поговорим позже, но это как документация вашего проекта. И также вы можете нажимать вверх и вниз, и вы можете пройтись по разным запросам, которые вы делали. Так что это разные запросы, которые я делал. Так что это маленькая мелочь, которую вы можете сделать. Хорошо, давайте поговорим об этом файле. Это одна из самых важных концепций в облачном коде, потому что она может быть разницей между тем, что он глупый, и тем, что он умный. И я немного обошел ее в этом видео, но давайте поговорим о том, что это такое и почему это так важно. Итак, этот файл, Claude MD, по сути, является файлом Markdown в вашем проекте, который Claude будет читать каждый раз, когда он начинает новую сессию. Думайте об этом как о документе для брифинга, прежде чем Claude войдет на вашу встречу. Так что он может читать и говорить: "Хорошо, вот о чем этот проект". И без него каждая сессия Claude будет начинаться, и он ничего не будет знать о вашем коде. И какой тип информации содержится в этом? Так что это может быть стек технологий, который вы используете. Это может быть, как запустить проект. Это может быть, как запустить тесты, знаете ли, чего следует избегать, такого рода вещи. Просто важная информация в вашем проекте. Говорят, что он должен быть от 60 до 120 строк. Определенно не более 300 строк. Хорошо? И причина, по которой вы должны заботиться, заключается в том, что если вы строите большой проект и вам приходится постоянно возвращаться в каждую новую сессию, вам приходится заново объяснять свой проект, это может стать очень неприятным. И это просто позволит Claude делать более точные, знаете ли, прогнозы и давать вам лучший вывод, потому что он лучше понимает ваш проект. И давайте посмотрим на тот, который мы сделали для этого проекта Тетрис. Итак, он просто говорит, что это однофайловая игра Тетрис. Все находится в одном файле. Некоторые из используемых технологий, он говорит Claude, как он на самом деле сделал это, как он его отрисовал, стилизацию. Так что да, каждый раз, когда Claude приходит, он говорит: "Хорошо, давайте прочитаем это. Давайте посмотрим, что происходит". И тогда он, очевидно, здесь, чтобы помочь вам, знаете ли, построить этот проект. Итак, чтобы инициализировать его, вы нажимаете / init. И это создаст файл claude.m MD. И я могу на самом деле показать вам это в действии. Итак, если я зайду сюда и скажу clear, он очистит его. Затем я скажу, что делает проект? Итак, вот оно. Что он сделал там. Я очистил контекст и сказал: "Объясни этот проект", и он сразу же перешел к файлу cloud MD и объяснил проект вам. Так что это ценность использования этого файла. Хорошо. Следующая большая концепция — это план mode. Итак, способ думать об этом — это вернуться в прошлое, когда мы кодили вручную, или я кодил вручную, и мы не особо планировали. Способ думать об AI-кодировании — это как поезд, и он может пойти в неправильном направлении очень быстро. Так что, если вы делаете сложную функцию или если вы просто создаете приложение, всегда используйте режим планирования. Теперь, если вы не используете режим планирования, что может произойти, это то, что вы можете сказать: "Создай эту, знаете ли, сложную вещь", она тратит кучу токенов, и она дает вам что-то, чего вы не хотите. Режим планирования будет думать довольно глубоко об этом. Он составит план и представит его вам. Затем вы можете посмотреть на него, а затем одобрить его, и он построит его. Так что, если вы строите что-то более сложное, если вы начинаете проект, если есть какие-то дизайнерские вещи, я думаю, это также очень хорошо для этого. Если вы делаете анимацию или изображения, используйте режим планирования. Хорошо. Итак, в качестве примера, я перейду в режим планирования. Я скажу, где игры Тетрис и крестики-нолики или что-то в этом роде. Итак, что он делает сейчас, он составит план. Итак, если вы посмотрите сюда, он предлагает некоторые игры. Итак, я могу сказать, давайте скажем Pong. Я думаю, Pong может быть довольно крутым. Давайте добавим это. Давайте добавим Snake. И давайте добавим этот, который я не знаю, что это такое. Давайте просто добавим эти два пока. Давайте не будем сходить с ума. Да. Хорошо. Итак, он закончил и составил для нас план. Итак, что мы можем сделать сейчас, это просмотреть его и просто убедиться, что в нем нет ничего подозрительного или он просто полностью не понял, что я пытался сказать. Итак, Arcade Hub Plan. Это контекст. Говорит о файлах, которые он использует, архитектуре, он просто углубляется в детали, это очень круто. Реализация, он говорит о том, как он будет рефакторить текущий проект, он говорит о разных играх, Snake, Pong, Tic-tac-toe, как разработать меню, изменения CSS. Так что, что я могу сделать, это если мне не нравится этот план или если он как бы, вы не совсем поняли эту часть, я могу тогда спросить его и вернуться. Но что действительно хорошо в этом режиме планирования, так это то, что когда вы строите вещи, и это более сложно, это может быть очень дорого с точки зрения токенов. Знаете, если вы делаете анимацию или изображения, например, с этим, он может предложить вещи, о которых вы не думали в проекте, где вы говорите: "Я хочу построить это. У меня есть эта идея SAS. У меня есть эта идея приложения". И если вы сделаете это в режиме планирования, он скажет: "О, вы думали об этом?" И вы скажете: "Черт, это действительно хороший вопрос". Честно говоря, это довольно смиренно, потому что вы думаете: "Боже мой, я даже не думал об этом". Это действительно хороший вопрос. И этот чертов ИИ говорит: "Да". Так что, по сути, как менеджер проекта, но это выглядит очень круто, так что давайте просто примем это. Итак, вы можете задаться вопросом, как я могу лучше всего помочь Claude получить лучший вывод и сэкономить мне деньги на токенах? И есть две вещи, о которых вы можете подумать. Одна — это запросы. Если я буду лучше запрашивать, разве это не поможет? AI на самом деле создан для того, чтобы быть разговорным. Так что это на самом деле переоценено, я думаю, если вы не испортите это и не будете использовать режим планирования. И в начале вы даете ему много контекста. Но сам по себе запрос, знаете ли, многие люди делают голосовые запросы, потому что он создан для того, чтобы быть разговорным. Следующее — это вы, фактически, делаете код или создаете проект. Опять же, это не причина, по которой многие люди используют облачный код. Claude code делает это. Номер один способ, которым вы помогаете и добавляете ценность, получаете лучший вывод, экономите больше всего денег — это то, что я покажу вам сейчас. Это управление контекстом. И есть три концепции, которые помогут вам здесь. Номер один — это файл claw.md. Это то, о чем мы говорили ранее. Это мозг проекта, правила вашего проекта. Он просто определяет, как Claude должен вести себя в вашем проекте. Так что мы уже говорили об этом, и вы просто добавляете к нему, когда хотите добавить важные вещи в свой проект. И следующее, о чем мы поговорим сейчас, это вот это, Claude skills. Так что это способности проекта, и это рабочие процессы, которые Claude будет выполнять, когда ему это нужно, и только для конкретных задач. Это ключевая часть, только для конкретных задач. Так что файл claude MD — это как бы общий, это больше для конкретных вещей, например, тестирования и рефакторинга, и при активации они добавляют результаты в контекстное окно, так что оно не раздувается, что хорошо. Итак, позвольте мне показать вам пример с нашей маленькой аркадной игрой. Это навык Claude, и красота всего этого в том, что вам не нужно это делать. Знаете, я на самом деле не набирал это сам. Я могу просто сказать: "Создай навык для этого". Так что, с нашей аркадной игрой, этой штукой, которую мы делаем, этим монстром, всякий раз, когда я хочу что-то добавить или создать компонент или создать новую функцию, мне не нужно постоянно объяснять, как это выглядит. Так что, что это сделает, это просто добавит, если вы посмотрите сюда, это говорит: "Применяйте эти правила всякий раз, когда вы добавляете или изменяете что-либо визуальное в игре Тетрис". Так что да, если вы хотите добавить что-то в свое приложение, вместо того, чтобы объяснять это каждый раз, и оно не совсем правильно понимает, эти навыки очень полезны. Так что это очень специфичные задачи, специфичные рабочие процессы, которые вы повторяете. Если вы повторяете это снова и снова, добавьте облачный навык. Хорошо, мы говорили о файле color.md, облачных навыках. Давайте поговорим об этом, MCP servers. И способ думать об этом — представьте, что вы берете USB-накопитель и вставляете его в свой проект. Так что это будет вводить релевантные данные в контекстное окно по требованию. Так что оно не раздувает это контекстное окно. И роль заключается в том, чтобы подавать внешний контекст в контекстное окно. И хороший пример этого — Superbase. Так что Superbase — это база данных. И то, что вы обычно делаете, это вы входите в Superbase, вы создаете таблицу, вы создаете базу данных. И то, что вы можете сделать с MCP-сервером, это как USB-накопитель. Вы вставляете его в Claude, вы входите, и Claude может делать с этой базой данных все, что захочет, что, знаете ли, того стоит, но также вы даете Claude много доступа к вашей базе данных. Так что теоретически он может ее уничтожить. Так что вы должны быть осторожны, но когда вы создаете проект, я люблю использовать MCP-сервер Superbase, потому что это так просто. Но есть и другие. Есть Context 7, который является хорошим MCP-сервером, который просто получает самую свежую документацию и приносит ее в ваш проект. Так что опять же, думайте об этом очень просто, как о USB-накопителе. Подключите его, и есть много разных, есть целая экосистема различных MCP-серверов. Хорошо, позвольте мне показать вам пример MCP-сервера в действии. На самом деле есть GitHub MCP-сервер. Я никогда им не пользовался. Я просто старой школы. Я делал это вручную, но я думал, что хочу интегрировать его, и давайте сделаем это вместе, и мы сможем как бы понять, как это сделать. И как мы это делаем, мы говорим Claude. Мы не, мы не должны говорить Claude. Давайте интегрируем GitHub MCP-сервер и посмотрим, как это работает. Итак, что он делает, он просит использовать облачный навык для обновления конфигурации, с чем я вполне комфортно. Так что я скажу "да" и больше не спрашивать. Теперь он участвует. Мне нравятся эти цели, которые он использует. Почти делает так, что я не провожу дни, разговаривая с роботом. Итак, он делает ghorth. Так что это команда GitHub. Итак, что он сделал, он вошел в мою учетную запись GitHub. Хорошо. Итак, вот что он делает сейчас. Он создает файл MCP.json. Мы скажем, да. Хорошо. Итак, по сути, у меня был некоторый обмен мнениями, и это продолжалось некоторое время. Он пытался установить Docker Desktop на мой ноутбук, чего я не хочу. Он очень большой. Так что я сказал "нет". И тогда он использовал другой способ получить эту конфигурацию MCP. Закрываю эту сессию. Я снова запущу claude. Хорошо. Итак, я начну новую сессию Claude, и я просто сделаю несколько голосовых запросов. Можете ли вы проверить, работает ли GitHub MCP-сервер для этого проекта? Один из самых больших хаков, кстати, это голосовые запросы. Как только вы начнете это делать, вернуться очень сложно. Но это природа кодирования. Вам придется отлаживать. Возможно, вам придется зайти в что-то вроде Claude или Trap и вставить туда некоторые ошибки. Так что это естественно, и вся цель — просто идти с этим и быть любопытным. Не расстраивайтесь, когда вы получаете такие ошибки. В начале, когда я впервые начал программировать, я находил это очень стрессовым. Но чем больше вы любопытны, чем больше вы относитесь к решению проблем как к приключению. Вы будете получать гораздо больше удовольствия и станете намного лучше в этом. Так что вот как настроить MCP-сервер. Хорошо. Далее, давайте рассмотрим под-агентов. Это довольно большая тема в облачном коде. Это более продвинуто. Так что, если вы только начинаете, я, честно говоря, не стал бы беспокоиться об этом. Может быть, когда вы используете его пару недель, пару месяцев, тогда начните смотреть на это. Но они мощные. Так что позвольте мне объяснить, что это такое и почему вы бы их использовали. И я нашел это очень классное визуальное представление, которое хорошо его показывает. Но это крошечные экземпляры Claude, которые специально настроены для работы определенным образом. Так что, по сути, под-агент — это отдельный экземпляр Claude. Так что это наш основной контекст здесь. Это отдельный контекст для Claude. У него есть свой собственный чистый контекст, свои собственные инструменты и одна фокусированная задача. Так что он будет

выполнить работу. Он выполнит ее, затем сообщит о результатах. Таким образом, ваша основная сессия, которая является этой, останется незагроможденной. И главная причина использования под-агентов — выполнять параллельную работу и защищать ваше контекстное окно. Итак, у вас может быть под-агент для отладки, под-агент для базы данных, под-агент для дизайна, такого рода вещи. Итак, это наш основной контекст в Claude, но вы можете просто получить под-агента, запустить его, и он просто выполнит свою работу, а затем вернется к вам. Теперь, для этой игры Тетрис, аркадной игры, которую мы сделали в Claude Code, под-агент — это излишество. Но я хочу показать вам пример того, как вы могли бы его использовать. Итак, что я хочу сделать, это создать под-агента-тестировщика. Так что это кто-то, кто будет запускать игру, играть и затем сообщать мне о сбоях или любых ошибках, обо всем, что выглядит визуально сломанным, а также о том, правильно ли работает подсчет очков. Итак, давайте реализуем это, и я покажу вам, как на самом деле работает под-агент и как его создать. Хорошо, вот запрос, который я ему дал: создай тестировщика. Он должен запускать игру, сообщать о любых ошибках или сбоях или любом некорректном поведении после того, как я внесу изменения. Итак, давайте запустим это. Хорошо, вот он. Он создал агента, и если мы посмотрим, он создал новую папку. Хорошо. И это под-агент, который он создал. По сути, он просто будет тестировать эти аркадные игры. Итак, позвольте мне снова показать вам, что мы построили. Это, я не думаю, что показывал это на самом деле, но это аркадная игра. Мы начали с Тетриса, затем попросили его построить целую аркадную штуку. Итак, у нас есть Змейка. Затем у нас есть Понг, который, вероятно, мой любимый, хотя я играю сам с собой здесь. В любом случае, вот что мы построили, и этот под-агент по сути будет тестировать эти аркадные игры. Задача состоит в том, чтобы проверить любые игровые файлы, которые вам даны, такие как Тетрис, Крестики-нолики, Змейка, и сообщить об ошибках, сбоях или некорректном поведении. Вот как он это делает. Он показывает нам представление о том, как он на самом деле это делает, как он это проверяет, что очень круто. Итак, это под-агенты. Как я уже сказал, это немного более продвинутая функция, но в конечном итоге, когда вы освоитесь с Claude Code, определенно стоит ее изучить. Хорошо. И чтобы подвести итог, я хочу поговорить о некоторых общих советах, хитростях, вещах, которые не следует делать, как подходить к отладке, такого рода вещах. Итак, во-первых, отладка, когда вы получаете ошибки. Как вы к этому подходите? Как я к этому подхожу? Я старший инженер-программист, кодирую уже 6 лет. Я экспериментировал с несколькими различными способами обработки ошибок в Claude. Но самый простой и лучший способ — просто получить ошибку, потому что она обычно появляется в терминале. Скопируйте ее в Claude. Больше ничего не говорите и просто вставьте ее. Вам даже не нужно говорить: "У меня эта ошибка", а затем Claude, возможно, вернется к вам с некоторыми вопросами. Он может просто перезапустить проект. Но это с отладкой с Claude. Это то, что я делаю, и это работает в большинстве случаев. Хорошо. Промптинг. И я настоятельно рекомендую голосовой промптинг. Есть такие инструменты, как Whisper Flow. Есть и бесплатные альтернативы. Вы нажимаете кнопку, говорите, и он просто форматирует то, что вы сказали, в текст для Claude. Claude Code разработан как диалоговый. Иногда я люблю печатать, но голосовой промптинг — это действительно приятный способ использовать Claude Code. В плане фактической работы с ним, я бы сказал, что при промптинге вы хотите сосредоточиться на первом промпте. Так что, если есть что-то, что вы хотите сделать, сосредоточьте большую часть своей энергии на этом первом промпте. И тогда это даст Claude много контекста, который ему нужен, чтобы помочь вам наилучшим образом. Но вы хотите избежать одноразового подхода. Если это действительно сложная вещь, постарайтесь разбить ее на разные функции, разные части. И я всегда думаю об этом так: относитесь к Claude Code как к младшему разработчику с СДВГ. И без неуважения к кому-либо с СДВГ. Это просто хорошо описывает, потому что вы даете ему задачу, и он просто выполняет ее, генерирует весь этот код, и иногда он неправильный. Так что вам нужно быть очень конкретным, держать его в нужном русле. Вы можете ссылаться на файлы, если вам нужно, но сделайте этот первый промпт действительно конкретным, а затем вы хотите делать небольшие итерации. Это лучший способ работы с ним, как я нахожу, а не огромный большой промпт, который для него слишком много. Иногда это очень ошеломляет. Итак, вы хотите помочь ему. Так что относитесь к нему как к младшему разработчику с СДВГ. И это видео. Было много всего. Мы многое прошли, но теперь вы должны быть в гораздо лучшем положении с Claude Code, этой генеративной технологией, о которой все говорят. Я собираюсь поиграть в Понг с этим новым монстром, который я создал. Я собираюсь поиграть в Понг сам с собой. Если вы получили какую-либо пользу от этого, все, о чем я прошу, ради всего святого, просто поставьте лайк видео. Это заняло у меня буквально часы, чтобы сделать. Подпишитесь, если хотите. Если вам нравится такой контент, скоро появится больше видео о Claude Code. Любые вопросы, задавайте их ниже. Я постараюсь ответить на каждый вопрос. Если нет, просто спросите Claude. Claude, вероятно, сможет ответить на них лучше, чем я. Но, надеюсь, вам понравилось видео. Счастливого кодирования. Берегите себя. Пока-пока.