Transcription
Да, сегодня мы рассмотрим кое-что, что мы действительно рады выделить в последнем выпуске VS Code. Если люди использовали VS Code Insiders, у них, возможно, уже была возможность попробовать это. Эм, это называется окно агентов. И для людей, которые используют много агентов, управляют многими агентами, мы очень рады показать, над чем мы работали, и получить ваш отзыв. >> Прекрасно. Давайте приступим. >> Хорошо. Итак, здесь, начиная с VS Code, вероятно, выглядит похоже на многих наших зрителей. Эм, здесь, в панели чата, я управлял и запускал множество различных агентов. И некоторые из них даже охватывают разные проекты. Например, у меня здесь есть несколько разных проектов. И когда я хочу изучить, что они делали, сравнить их результаты, посмотреть, закончили ли они, как ожидалось, продолжить итерацию, я обнаруживаю, что часто переключаюсь между различными вкладками редактора или окнами и подобными вещами. И мы обнаружили, что хотя VS Code является мультиагентным, вы можете запускать и управлять несколькими агентами, и вы можете перемещаться между ними и тому подобное. Эм, он действительно был разработан в первую очередь для кода. Итак, где вы видите файлы и исследуете файлы и исследуете изменения кода и даже переходите к внесению изменений в код самостоятельно. Эм, а также он действительно был оптимизирован для фокусировки, действительно для углубления в один рабочий процесс и один проект за раз. Но поскольку я запускаю и управляю большим количеством агентов, часто я хочу переключиться на мышление больше о задаче в первую очередь, как бы на более высоком уровне, а также иметь возможность управлять и запускать и оркестрировать вещи в нескольких проектах одновременно. Это действительно хорошая возможность сделать это. Итак, хотя это возможно в VS Code сегодня, мы думали о способах, которыми мы могли бы оптимизировать это для наших пользователей и для себя, потому что наша команда использует все больше и больше агентов каждый день. И поэтому, с этим, это была мотивация за окном агентов. И поэтому окно агентов будет отдельным окном, но оно, по сути, все еще находится в VS Code. Так что это будет как компаньон к существующему редактору, который вы уже знаете и используете. И поэтому есть несколько разных способов, которыми вы можете получить доступ к окну агентов. Здесь, наверху, люди, возможно, заметили, у нас есть эта приятная кнопка. Эм, мне нравится, как она анимируется и перемещается туда, чтобы открыть в окне агентов. Эм, у нас также есть команда и несколько других точек входа. И затем, когда вы используете любую из этих точек входа, вас перенаправляют в это выделенное окно, которое специально создано для разработки, ориентированной на задачи и агентов. Я немного остановлюсь здесь, потому что тогда я смогу перейти к обзору интерфейса и запуску некоторых сеансов, но >> Итак, позвольте мне спросить. Итак, поскольку это компаньон, эм, и это будет как бы двухчастный вопрос. Во-первых, первый вопрос довольно простой. Когда VS Code, когда мы меняем тему, эта тема отражается и в окне агента, также? Это правильно? >> Да, так что разные эм функции, такие как темы, настройки, привязки клавиш, эм, ваша аутентификация из GitHub, вы можете, они могут перейти с вами в окно агентов, но вы также можете решить настроить свою тему, и просто иметь разные настройки или иметь разные темы только для окна агентов, если вы предпочитаете. >> Это был бы мой второй вопрос. Потому что окно, оно все еще кажется такой частью VS Code. Иногда, знаете, некоторые люди могут просто знать, что это не просто еще одно окно VS Code. Это как окно агентов, и вы можете визуально захотеть увидеть это. Как бы, если у кого-то есть Insiders и стабильная версия, работающие бок о бок, у них разные темы, чтобы они не запутались, знаете. >> Да, именно так. >> Круто. >> Отлично. Итак, теперь, когда я здесь, в окне агентов, эм, мы увидим, что есть несколько ключевых частей интерфейса. Итак, слева у нас есть список различных сеансов, над которыми я работал, и они организованы по рабочим областям. И если я хочу организовать или отфильтровать их по-другому, я могу выбрать это сделать. Но это действительно здорово, потому что теперь у меня есть центральное место, где я могу посмотреть на всех моих разных агентов, разбросанных по разным проектам, но только из одного окна, что действительно удобно. А затем, глядя сюда, посередине, я увижу, что у меня есть варианты того, как я хотел бы начать новый сеанс. Например, я могу выбрать репозиторий или проект, над которым я хотел бы работать. Эм, мы также видим, что у нас есть варианты этих локально эм, клонированных или созданных проектов на моем эм, устройстве, но я также могу получить доступ к удаленному коду, который находится на GitHub, или я могу фактически подключиться к другим удаленным устройствам через dev tunnels или SSH. Так что есть множество различных вариантов, в зависимости от того, что лучше всего подходит для вас. >> Хорошо. >> И тогда мы увидим, что по умолчанию используется Copilot CLI в качестве нашего агента, но я также могу перейти и выбрать переключение между различными вариантами. Например, я могу использовать агента Claude, или если я работаю с эм, кодом, который находится на GitHub, тогда я смогу перейти и использовать эм, агента Copilot Cloud. >> Так что это, это, это хорошо, что вы упомянули это, потому что у нас действительно был последний комментарий от Дейва EV 3834. Он сказал, что он новенький в VS Code и не может дождаться, чтобы научиться использовать Claude с ним. Так что с нетерпением жду возможности проверить это, сказал он. >> Отлично. Да, и поскольку люди пробуют это, мы определенно очень хотим получить ваш отзыв. Так что обмен отзывами с нами в GitHub issues или в социальных сетях очень полезен. Итак, теперь, когда мы рассмотрели этот обзор, я бы сказал, давайте приступим к запуску сеанса. Итак, я могу сказать: "Какой был последний вопрос в моей форке репозитория веб-сайта dev container?" который является проектом, который я сейчас выбрал. И когда я запускаю это, я замечу, что по умолчанию используется рабочая область. Рабочая область изолирует этот сеанс от других сеансов или от моих локальных изменений кода. Так что это действительно приятно, потому что, когда я запускаю несколько проектов или несколько сеансов параллельно, у них не будет конфликтующих изменений. И поэтому это действительно приятно, что мне не приходится беспокоиться об управлении изменениями, угадывании, будут ли вещи конфликтовать или что-то в этом роде. А затем, глядя сюда, я вижу, что произошло несколько вещей. И поэтому у меня есть возможность настроить мою среду, если я могу иметь эту приятную панель файлов, которая открывается. И поэтому, если вы все еще хотите как бы видеть код, который находится в вашем проекте, вы можете посмотреть на это. Или я могу свернуть это, если мне это сейчас не нужно. >> [хмыкает] >> А затем, эм, агент смог рассказать мне больше о некоторых недавних эм и недавнем вопросе, который есть в моем проекте. И он смог сделать это через GitHub MCP. Я вижу, что это было указано здесь. И поэтому это было автоматически вызвано для меня. Отлично. А затем, эм, так, с запуском сервера GitHub MCP, он может проверить эм, настройки. И поэтому настройки — это то, что мы можем как бы дать эм, сказать агенту, как именно он должен работать, как он должен обрабатывать определенные вещи. Так что есть такие вещи, как специально пользовательские агенты, которые я добавил в свой проект. Эм, есть навыки, инструкции, и мы сделали их непосредственно видимыми и редактируемыми прямо там, где вы работаете. Эм, таким образом, поскольку они действительно важны для успешной работы агентов, мы хотели действительно поднять их для пользователей. И поэтому, если я посмотрю на свои MCP-серверы, я увижу, что у меня есть этот GitHub. И я даже могу перейти и просмотреть и установить другие. Эм, а затем >> комментарий, который popped in. Есть ли план поддерживать отображение сеансов в WSL или dev containers? >> Да, это отличный вопрос. И у нас есть разные виды удаленных настроек. Это то, что у нас на радаре прямо сейчас. >> Хорошо. >> Круто. А затем, если я захочу запустить другие сеансы в других проектах, я тоже смогу это сделать. Итак, я могу спросить: "Расскажи мне, как обрабатывается темообразование на моем сайте". И я могу запустить это для другого агента в другом проекте. И поэтому я смогу управлять всеми ими только из этого единого интерфейса. И если я захочу фактически предварительно просмотреть изменения, которые появились от агента, эм, я могу посмотреть на другой сеанс, который завершился и имел некоторые предложенные изменения. Итак, я могу видеть, что здесь были созданы некоторые изменения файлов, и они заполнены здесь, на панели изменений. И поэтому, прежде чем даже нажать на отдельные файлы, я думаю, что было бы очень приятно получить как бы предварительный просмотр того, как это выглядит в работе. Эм, если я просто начну с использования интегрированного браузера, я могу открыть его в эм, окне агентов. Я знаю, что мой текущий веб-сайт sociatecontainers.dev, и я вижу, что он очень синей темы. Я запустил сеанс, чтобы обновить его до зеленой темы, поэтому я хотел бы увидеть, действительно ли это возымело эффект. В правом верхнем углу я могу добавить новые задачи или выполнить существующие. Итак, я уже добавил задачу serve, чтобы запустить мой сайт, а затем я смогу посмотреть на это непосредственно в интегрированном браузере здесь. Эм, таким образом, опять же, мне даже не нужно покидать окно агентов, чтобы исследовать эти вещи. Я могу оставаться в этом едином интерфейсе. >> На левой стороне, где у вас есть эм, разные сеансы для, можете ли вы нажать на кнопку фильтрации? Я хотел увидеть, там ли архивирование >> Да, если вы отметите сеанс как выполненный, у нас есть разные галочки. Если вы хотите удалить сеанс из списка, вы можете это сделать. А затем, если вы захотите вернуть его, вы можете перейти и проверить их в разделе выполненных. >> Хорошо, так что это немного отличается, потому что я знаю, что в VS Code у нас была опция архивировать, так что это просто немного отличается здесь в пользовательском интерфейсе, верно? >> Да, просто немного отличается, но в основном тот же принцип: вы отмечаете его как выполненный. Вы закончили с этим сеансом на данный момент, но если вы решите, что хотите получить его обратно, вы можете это сделать. >> Круто. Хорошо. >> И тогда, если я перейду по моей ссылке, она откроется в интегрированном браузере, и я увижу, что это изменение действительно возымело эффект от того, что я просил этого агента, что здорово. И у нас также есть варианты того, как, когда вещи открываются как бы в наложенных моделях. Если это не то, что вам нравится так сильно, вы также можете перейти и фактически открыть это в области редактора, чтобы иметь вид бок о бок. Так что, какой бы вариант вам ни подходил лучше, у нас есть такая гибкость. >> Приятно. Еще один эм комментарий пришел сюда от Eight Botani. А как насчет использования локального ИИ, такого как llama? А будет ли это вариантом использования с агентами? >> Это отличный вопрос, и это тоже у нас на радаре. Эм, так что, да, отличный, отличный вопрос. >> Хорошо. >> Хорошо. А затем, эм, если я захочу проверить фактические файлы, которые были изменены или созданы, я могу открыть их здесь. И затем, если я захочу, возможно, предоставить отзыв агенту, я могу нажать на номер строки и сказать: "На самом деле сделай это фиолетовым". А затем я могу отправить это как отзыв, и он фактически использует встроенный навык, который у нас есть, чтобы действовать на основе отзывов и отправить это агенту для дальнейшей итерации. >> Приятно. >> Эм, а затем, я думаю, просто пара других вещей, которые стоит отметить, если в любой момент я захочу вернуться в VS Code, возможно, я захочу сделать что-то, что больше ориентировано на код, эм, у меня есть возможность открыть в редакторе VS Code. И если у меня открыта конкретная рабочая область, она фактически откроет эту рабочую область в VS Code, что действительно помогает мне продолжить работу, что приятно. Эм, и мы также работаем над интерфейсом на основе браузера. Так что, если вы зайдете на vscode.dev/agents в браузере, вы фактически сможете использовать dev tunnels для подключения к различным машинам и запускать сеансы оттуда, что здорово, потому что это означает, что вы можете даже использовать его на своем телефоне, и вы можете использовать его на ходу и запускать и управлять сеансами агентов. >> И когда вы начинаете работать там, он легко синхронизируется без каких-либо проблем. Вы можете вернуться к своему компьютеру и продолжить. >> Да, так что вам нужно будет убедиться, что вы все еще подключены к той же эм, удаленной машине. Эм, но пока вы подключены к той же удаленной машине, вы можете эм, продолжить свою работу. >> Хорошо. Хорошо. Приятно. >> И тогда еще одно примечание, я могу перенести нас к заметкам о выпуске. Так что окно агентов выделено в наших заметках о выпуске наверху. У нас также есть документация по нему. И один призыв к действию также заключается в том, что мы продумываем, что означают расширения и история расширяемости для окна агентов. И поэтому эм, мы включили ряд различных расширений, которые мы протестировали, которые являются очень популярными расширениями, чтобы автоматически работать в окне агентов. Но если вы хотите вручную включить другие расширения, у нас есть опция через эм, эту настройку extensions.supportAgentsWindow. И мы хотели бы получить отзывы от людей, которые являются авторами расширений, имеют разные темы, эм, что означает включение вашего расширения и опыта в окне агентов. И если у вас есть какие-либо запросы, вы столкнулись с какими-либо проблемами, мы хотели бы получить ваш отзыв об этом в GitHub issues. >> Круто. Приятно. >> И я думаю, что с этим я могу передать слово Ли. >> Отлично. Эм, конечно. >> Да, спасибо. Эм, я просто немного расскажу о некоторых решениях по дизайну и о том, как мы подошли к проектированию эм, этого нового опыта окна агентов. Да, так что мы, я имею в виду, это совершенно новый элемент пользовательского интерфейса для нас. Так что это дает нам возможность развивать текущий язык дизайна VS Code и как бы продвигать его в более современное, более легкое направление, поскольку эта активность как бы отступает от кода. Как мы могли бы сделать это и через пользовательский интерфейс? Так что эти аспекты включают, знаете ли, предоставление немного большего пространства вокруг элементов, таких как панели и элементы управления, просто давая им немного больше пространства для дыхания. Уменьшение, введение гораздо большего количества эм, знаете ли, скругленных углов, чтобы сделать его более дружелюбным. Эм, и прохождение через ваши различные эм, рабочие процессы. Эм, и добавление таких маленьких моментов восторга через тонкое движение, когда я, если это через, знаете ли, открытие панели или эм, открытие нового эм, или начало нового сеанса. Просто давая эти, да, коммуникационные, это как функционально, так и восхитительно. Мне особенно нравится эм, эм, эм, индикатор выполнения ввода чата, так что я скажу. У него действительно приятная анимация по краю, которая, знаете ли, не только приятна на вид, но и выполняет функциональную роль, что здорово. Эм, а что касается эм, общего дизайна, мы понимаем, что, знаете ли, мир этих новых мультиагентных рабочих процессов, это в целом новая концепция для многих сообществ. Так что, знаете ли, вместо того, чтобы полагаться на много эм, абстрактной иконографии, эм, принятие более типографского подхода к пользовательскому интерфейсу, чтобы помочь, чтобы помочь пользователям пройти через этот, знаете ли, смелый новый мир. Знаете ли, эм, как я показал, эм, знаете ли, этот новый эм, новый вид панели сеансов, до таких вещей, как настройки. Мне действительно нравится говорить о том, что каждый из этих новых инструментов и возможностей. Гораздо проще, знаете ли, научиться и освоить эти новые концепции и термины через, знаете ли, буквально простое написание и, и, и вместо графического языка, который вам также придется изучать и ориентироваться одновременно. Так что я думаю, что это, да, приятный мягкий вход в этот новый мир. >> А что касается настроек, есть ли у вас любимая, к которой вы склоняетесь, которую вы находите наиболее используемой и почему? >> Эм, вы имеете в виду в агенте, в этих настройках? >> Да, например, навыки или инструкции, вы как бы >> Да, я имею в виду, как навыки. Я создал множество, чтобы улучшить свои собственные инженерные эм, способности, и да, такие вещи, как ответы на комментарии к PR. Вместо того, чтобы, знаете ли, переключаться туда и обратно эм, в GitHub, я могу просто иметь своего агента, который просто эм, скачает, скачает комментарии, а затем он сможет действовать от моего имени, что экономит так много времени. Эм, так что, да, я создал много навыков, поскольку я эм, да, развиваю свою инженерную практику. >> На заднем плане соглашается кот. >> [смех] >> Мяу. Два мяу за навыки. >> Да, я всегда выигрываю. >> [смех] >> Эм, да, и извините, я просто убеждаюсь, что я, я, я >> [смех] >> кот очень [хмыкает] громкий. >> Принесите кота на демо. Кот хочет что-то показать. >> Да, у меня есть навыки, да. Эм, эм, люди в чате, пожалуйста, не стесняйтесь. Эм, задавайте вопросы, и мы постараемся ответить на них. >> Хорошо, кот здесь. Так что, да, так, так, теперь у пользователей появилось еще одно окно для управления, либо специально для их мультиагентных рабочих процессов. Очень важно, чтобы они могли персонализировать его, чтобы он соответствовал их пространству и типу среды. И, как сказала Бриджит, это окно может быть специально оформлено отдельно от оригинального окна VS Code. Это делает его намного проще, когда вы переключаетесь между приложениями в режиме менеджера сцен, что очень приятно. Но также эм, команда дизайнеров работала, мы разработали набор токенов тем специально для этого окна. Так что для тех, кто создает свои собственные темы или хочет расширить или действительно настроить свое рабочее пространство, это дает вам возможность эм, действительно расширить ваши текущие темы или сделать это своим. Мы документируем это и поделимся этим позже. Я очень рад видеть, что сделает сообщество. Эм, и да, последнее, эм, ну, вы знаете, мы всегда стремимся предоставить лучший в своем классе доступный опыт для нашего сообщества. Так что, да, не ожидайте ничего другого в приложении агентов. Оно было эм, оптимизировано для экранных дикторов, навигации с клавиатуры и, и, знаете ли, мы придерживаемся хороших практик контрастности цветов. Эм, и, знаете ли, мы, как и остальная часть VS Code, постоянно итерируем и улучшаем этот пользовательский интерфейс ежедневно. Иногда, знаете ли, несколько выпусков в день в Insiders. Эм, так что, да, ожидайте, знаете ли, изменений, но, пожалуйста, эм, знаете ли, отправляйте нам все отзывы через социальные сети или через проблемы. Мы эм, да, мы будем стремиться продолжать делать это отличным опытом для всех. >> Так позвольте мне спросить, как это родилось? Я знаю, что Бриджит упомянула немного раньше, как мы хотели оптимизировать наш рабочий процесс, но появилось ли это из-за того, что сообщество упомянуло это, а затем мы услышали их, а затем мы отреагировали, или это было то, что мы думали о новых способах сохранения эффективности в плане рабочих процессов, а затем мы сказали: "Как насчет окна агентов?" Как это родилось? >> Я могу немного рассказать об этом. Эм, а затем Ли, обязательно присоединяйтесь. Эм, итак, я думаю, что это комбинация факторов. Я думаю, что за последний год, полтора года, наша команда проделала большую работу по интеграции агентов в VS Code, а затем сделала его более мультиагентным, сделав его мультиханельным, так что работа с Copilot CLI и облачным агентом, а затем и облачным агентом. И я думаю, что по мере того, как мы продолжали расширять функциональность и добавлять ее в окно редактора VS Code, мы обнаружили как в отзывах сообщества, так и в нашем собственном использовании, что при наличии всех этих различных вариантов, казалось, что мог быть более оптимизированный способ фокусировки: "Эй, я просто действительно хочу сосредоточиться на агентах и задачах и их результатах, и я также не хочу управлять и жонглировать между разными экземплярами редактора или окнами или вкладками". И поэтому, как бы эта комбинация услышанных отзывов, но также и простое ощущение в наших собственных наблюдениях о том, как развивался VS Code и что мы хотели сделать в нашей команде и как мы использовали продукт, казалось, что это был естественный следующий шаг и дополнение к окну редактора. >> Приятно. Отлично. Ну, спасибо вам обоим за эту демонстрацию. Очень рад видеть, как она продолжает развиваться. Кажется, что, как и для разработчиков сейчас, нам нужно научиться быть такими же эффективными в том, как мы изучаем все, что приходит к нам еженедельно, как мы являемся разработчиками. Так что, возможно, для этого будет расширение. Просто скачайте все [смех] по мере поступления. Потому что так много всего нужно изучить, так много хорошего. >> Ну, спасибо, что пригласили нас. И действительно ценим это и очень рады услышать отзывы людей. Так что, пожалуйста, оставляйте GitHub issues, отзывы в социальных сетях. Мы действительно рады услышать это. >> Да. Спасибо всем.