Transcription
Итак, Cursor только что выпустил свое самое большое обновление за всю историю, и это Cursor 2.0. У меня был ранний доступ к Cursor 2.0, и я активно тестировал его в течение последней недели. Есть много невероятных изменений, которые фактически являются частью Cursor 2.0, и сегодня в этом видео мы рассмотрим все основные изменения Cursor 2.0 и вместе изучим все эти функции. Итак, давайте быстро приступим.
Итак, здесь я открыл Cursor и загрузил пустой проект Next.js. И первое и самое важное изменение в Cursor 2.0 — это внедрение Composer 1, который является AI-моделью от Cursor, которая фактически быстро выполняет задачи. Так что эта штука безумно быстрая.
Итак, если вы нажмете на это выпадающее меню, которое является селектором моделей, здесь вы сможете найти новую модель под названием Composer One. И, как вы можете видеть, говорится, что это первая модель-агент Cursor, декодирующая модель с контекстным окном в 200 000. И снова, ранее у нас была модель под названием Cheetah, верно? Так что это была как бы начальная версия Composer One. И в течение последней недели я фактически использовал Cursor, то есть Composer One Alpha. И вы можете выбрать эту модель Composer One из выпадающего меню, и вы можете давать подсказки, и, очевидно, AI выполнит работу, верно? Но Composer One на самом деле безумно быстр.
Итак, если вы сравните его, скажем, с Claude Sonnet 4.5 или GPT Codex, или, скажем, GPT High Fast, вы знаете, если вы сравните его практически с любыми моделями, Composer One безумно быстр.
Итак, просто чтобы показать вам демонстрацию, здесь я загрузил пустой проект Next.js. И, например, давайте скажем, я хочу создать приложение-генератор названий для бизнеса с использованием AI. Итак, по сути, идея заключается в том, что пользователь сможет дать подсказку, объясняющую тип бизнеса, которым они занимаются, и наш AI предложит несколько названий, используя, конечно же, Open API. Итак, я просто перейду и дам подсказку.
И теперь здесь появляется еще одна важная функция нового обновления Cursor 2.0, и это голосовое ввод подсказок. Теперь вам не нужно вручную вводить все свои подсказки, и вам даже не нужно использовать внешнее программное обеспечение для распознавания голоса.
Итак, как вы можете видеть здесь, у нас есть кнопка микрофона, которая говорит «Голосовой ввод». И теперь вы можете нажать эту кнопку голосового ввода и произнести подсказку, и Cursor автоматически заполнит ее для вас. Итак, позвольте мне показать вам. Я хочу создать приложение-генератор названий для бизнеса с использованием AI, где пользователи должны видеть поле ввода, и пользователь должен иметь возможность ввести описание своего бизнеса, и после нажатия кнопки «Сгенерировать» наше приложение покажет 10 различных идей для бизнеса, таких как идеи названий, и мы будем использовать API OpenAI для этого. И я могу нажать кнопку отправки. И, как вы можете видеть, вот оно. Здесь у нас есть точная подсказка. Итак, прямо сейчас голосовая диктовка, или, скажем, голосовой набор, или голосовой ввод фактически встроены в Cursor. И теперь он, во-первых, устанавливает пакет OpenAI. И, конечно же, посмотрим, насколько быстр Composer. Хорошо, так что прямо сейчас мы используем модель Composer One. И теперь нажмите «Запустить». То, как он фактически делает все, безумно быстро. Посмотрите, как быстро он фактически создал новый файл примерно из 70 строк кода, еще один из примерно 100 строк кода. Позвольте мне сказать вам, это безумно быстро. И они утверждают, что он выполняет почти всю работу менее чем за 30 секунд. Хорошо. Хорошо. Он даже создал файл README. И вуаля, вы закончили. Вот так. Что заняло примерно, скажем, максимум 15-20 секунд, я полагаю.
И теперь он просит нас поместить наш ключ API OpenAI в файл .env. Итак, я могу скопировать этот и создать новый файл .env. И я могу вставить. Хорошо. Я могу вставить его сюда. И следующий шаг, позвольте мне быстро получить мой ключ API OpenAI. Итак, я создам секретный ключ и скопирую его. И теперь я вставлю его сюда. Хорошо. Ой. Хорошо. Итак, ключ добавлен, и все должно работать.
Прямо сейчас, обычно, если бы вы, скажем, создавали что-то с помощью Cursor, вы бы открыли веб-браузер и перешли бы, скажем, к localhost:3000. И вот так вы бы обычно использовали свое приложение, верно? И снова, вот это приложение, которое мы только что создали. Кофейня в центре Нью-Йорка. И я нажму «Сгенерировать названия», просто чтобы убедиться, что все работает. Так что да, вот оно. Здесь у нас есть 10 различных названий бизнеса. The Warm Mug, Charming Up Cafe, Seren Sips Cafe. Хорошо, так что практически все работает.
Теперь еще одна интересная функция прямо в Cursor 2.0 заключается в том, что вам на самом деле не нужно использовать внешний браузер. Итак, если вы нажмете на этот значок прямо здесь, который говорит «Подключиться к браузеру», вы теперь найдете несколько вариантов, таких как «Вкладка браузера» и «Google Chrome». Итак, вы можете включить этот параметр, который говорит «Вкладка браузера». И, как вы можете видеть, может быть, я могу сделать его немного больше. Здесь у нас есть интерфейс браузера, встроенный прямо в Cursor. И теперь я могу перейти, скажем, к localhost:3000 и нажать Enter. И это должно открыть наше приложение. Видите?
Итак, теперь вам больше не нужно использовать, скажем, внешний браузер. И интересная вещь здесь в том, что если вы нажмете на эту кнопку прямо здесь, вы сможете открыть инструменты разработчика Chrome. У вас есть консоль, у вас есть все эти сетевые показатели производительности. Все это доступно здесь. И еще более крутая вещь в том, что если вы нажмете на этот параметр, который называется «Выбрать элемент», вы сможете выбирать отдельные элементы и вносить целевые изменения прямо в Cursor. Насколько это круто?
Например, давайте скажем, я хочу изменить цвет этого конкретного контейнера прямо здесь. Итак, я могу выбрать его, и говорится, что div добавлен. И теперь я могу дать подсказку. Давайте скажем, не могли бы вы, пожалуйста, придать этому контейнеру синий фон. И я могу нажать кнопку отправки и подождать. И снова, Composer безумно быстр, и он выполняет работу так же легко. Итак, вот оно. Здесь у нас синий фон. Так что это не выглядит хорошо. Так что я просто отменю это прямо сейчас. Вот так.
Так что дело в том, что у вас теперь есть браузер, встроенный в Cursor, который вы можете мгновенно начать использовать. И снова, если у вас включена эта опция, ну, вы можете закрыть ее, и вы также можете давать простые подсказки. Хорошо. Например, вы можете перейти, перейти и дать подсказку, что-то вроде «Перейди на localhost:3000» вот так и нажмите Enter. И теперь сам Cursor откроет интерфейс браузера и откроет его. Итак, вот оно. Он перешел на localhost:3000. И вот оно. Здесь у нас уже открыт интерфейс браузера. Так что это тоже еще одна вещь.
И еще одна крутая функция прямо в Cursor заключается в том, что теперь он дает вам возможность запускать несколько агентов параллельно, например. Итак, хорошо, давайте откроем интерфейс браузера очень быстро. Итак, вот наше приложение, верно? Далее, давайте просто скажем, я хочу изменить весь дизайн этого конкретного приложения. Ну, теперь я могу нажать на этот параметр, который называется «Цикл количества агентов», и я могу, скажем, установить его на два. И теперь я могу выбрать, скажем, Composer 1 и установить Sonnet 4.5. Итак, по сути, следующая подсказка, которую я дам Cursor, будет использовать Composer 1 и Sonnet 4.5. И, возможно, уменьшить до одного. Хорошо. Итак, обоим, то есть Composer 1 и Sonnet 4.5, и подсказка, которую мы дадим, будет дана обоим. И оба они индивидуально, скажем, внесут изменения, и вы сможете просмотреть код и фактически, скажем, принять тот, который вам больше всего нравится.
Например, я могу дать подсказку: «Не могли бы вы полностью переработать наше приложение, чтобы оно выглядело современно, элегантно и привлекательно?» Итак, это, по сути, базовая подсказка. И я нажму кнопку отправки. Итак, по сути, как вы можете видеть прямо сейчас, здесь у нас установлен Claude 4.5, а здесь у нас Composer 1. И снова, Composer 1 безумно быстр. И, как вы можете видеть, он уже начал работать над этим. И я полагаю, что это будет сделано еще до того, как Claude 4.5 начнет работу. Хорошо, так что это на самом деле довольно большой, верно? Так что давайте просто подождем. И, как вы можете видеть, оба выполняют работу. И если вы хотите, скажем, запустить три экземпляра того же самого, ну, вы можете просто, скажем, например, добавить GPT-5 Codex. Ну, у вас есть возможность добавить это. Итак, здесь мы можем найти все файлы, в которых AI вносит все изменения. И Composer закончил. И здесь у нас Claude 4.5 работает над тем же самым.
И теперь дело в том, что у нас теперь также есть новый режим обзора в Cursor. Итак, после того, как любая AI-модель закончит внесение каких-либо изменений, ну, внизу вы сможете найти сводку всех файлов, в которых AI внес все изменения. И вы также можете найти кнопку «Обзор». И теперь, когда вы нажмете эту кнопку «Обзор», откроется новая вкладка, где вы сможете просмотреть все изменения кода, внесенные AI. И интересная вещь здесь в том, что даже если AI внес изменения в несколько файлов, вы можете найти все это в одном интерфейсе здесь. Итак, когда вы прокручиваете вниз, так что это файл page.tsx. И это прямо сейчас файл globals.css. Итак, основная идея здесь в том, что вам больше не нужно переходить по 10 разным вкладкам, если AI внес, скажем, 10 изменений в 10 файлов. Хорошо? Итак, вы можете найти все это в этом интерфейсе здесь.
И теперь я могу сравнить код, сгенерированный как Claude 4.5 Sonnet, так и Composer 1. И, скажем, мне нравится код, написанный Claude 4.5. Я могу нажать эту кнопку «Применить все», «stash + overwrite». И если я вернусь, вот оно. Это обновленная версия. Хорошо, выглядит хорошо. И если я перейду к Composer 1 и попробую, скажем, применить все. Хорошо, вот что сделал Composer 1. Так что оба, по сути, выглядят хорошо. Но мне больше нравится Claude 4.5. Так что я оставлю его так. И, как вы можете видеть, мы теперь получаем ошибку. Так что проблем нет. Я могу просто скопировать ее. И, может быть, давайте просто скажем, я могу открыть новую вкладку с, скажем, Composer 1. Я получаю следующую ошибку, когда пытаюсь использовать наше приложение. Так что не могли бы вы исправить это? И я могу нажать Enter. И теперь одна вещь, которая мне очень нравится в Composer 1, это то, насколько он быстр, верно? Так что вы просто даете подсказку, нажимаете Enter, и все происходит практически мгновенно. И снова, производительность — это что-то субъективное, и вам придется использовать ее для своего конкретного случая использования, чтобы понять, лучше ли она.
Похоже, что это исправлено. Я могу снова нажать «Сгенерировать названия», и теперь все работает. Так что это обновленный пользовательский интерфейс нашего приложения. Так что это еще одна вещь.
И далее, вверху вы найдете параметр «Переключиться на агентов». Итак, если я нажму на эту кнопку, откроется этот интерфейс агента. Итак, по сути, идея заключается в том, что если вы не хотите видеть весь этот код и если вы не хотите, скажем, получать доступ или, скажем, быть заваленным всеми этими параметрами, которые у нас есть в настоящее время, вы можете использовать этот интерфейс агента здесь. Итак, вы можете нажать эту кнопку «Новый агент» здесь и дать подсказку здесь. Выберите модели, которые вы хотите использовать. Например, давайте скажем, если вы хотите использовать две из них, и то, скажем, разные модели, несколько моделей, вы можете выбрать это отсюда, и вы можете дать подсказку, и теперь Cursor запустит новые агенты, и вы сможете иметь их здесь, и AI внесет все изменения, которые вы просили. Так что, по сути, как и предыдущая версия агента, но на стероидах. И у вас также есть параметр, который является локальным и рабочим деревом. Итак, хотите ли вы запустить его на своей машине или запустить параллельно, у вас есть варианты. Например, давайте скажем, у вас есть два разных агента, которые совершенно не связаны друг с другом. Ну, вы можете запустить их отдельно. Например, один может заниматься чем-то, связанным с фронтендом, а другой — чем-то, связанным с бэкендом. Например, вы можете запустить двух новых агентов и запустить их параллельно. Так что это тоже еще одна крутая функция Cursor 2.0. И если вы хотите вернуться, вы можете нажать этот параметр «Переключиться на редактор» здесь, и вы вернетесь.
И снова, если вы перейдете в настройки, вы сможете найти макет по умолчанию. Итак, хотите ли вы продолжить с макетом агента или макетом редактора, вы можете настроить это здесь.
И теперь еще одна крутая функция этого интерфейса браузера заключается в том, что если я нажму на этот значок с тремя точками в правом верхнем углу, я теперь получу два варианта: «Сделать снимок экрана» и «Сделать полный снимок экрана». Итак, ранее, если вам нужно было что-то объяснить Cursor, обычно мы открывали Google Chrome, загружали наше приложение вручную, делали снимок экрана, а затем перетаскивали его в агент Cursor, и так мы его использовали, верно? Мы загружали эти изображения с помощью этого параметра «Загрузить изображение». Ну, вам больше не нужно этого делать. Ну, вы можете нажать на этот значок с тремя точками прямо здесь и нажать на этот параметр «Сделать снимок экрана», и теперь он автоматически сделает снимок экрана и прикрепит его к чату. Или, если вы хотите сделать снимок экрана всей страницы, вы можете нажать на этот значок с тремя точками, сделать снимок экрана всей страницы, и то же самое будет добавлено здесь. И вы даже можете найти предварительный просмотр изображения здесь. Так что это так просто. Так что вам больше не нужно делать, знаете ли, снимки экрана внешне, а затем вручную загружать их. Эта функция делает это супер простым и удобным.
Итак, это некоторые из новых функций в последнем обновлении Cursor 2.0, и оно уже доступно. Вы можете перейти на cursor.com, скачать и начать использовать его. Или, если вы уже используете Cursor, вы можете обновиться до последней версии и получить доступ ко всем функциям, которые я показал вам в этом видео.
И далее, я также хочу уделить секунду, чтобы представить Testbrite MCB. Итак, по сути, Testbrite — это AI-агент для тестирования, который может помочь вам отлаживать и находить проблемы в вашем приложении. Итак, как вы, возможно, уже знаете, не весь код, написанный AI, великолепен. И если вы тот, кто использует AI для написания кода, или даже если вы не используете AI для написания кода, как насчет того, чтобы использовать AI для сканирования всего нашего кодового базы, чтобы найти любые проблемы, которые у нас есть, или, скажем, любые уязвимости безопасности, или любые ошибки, или любые неработающие ссылки, и протестировать, тщательно протестировать бэкенд и фронтенд. Ну, вот где вступает в игру Testbrite. И если вы хотите, скажем, протестировать свое приложение, которое вы создали с помощью AI, все, что вам нужно сделать, это нажать на первую ссылку в описании ниже и перейти на testbrite.com, и вы можете зарегистрироваться для новой учетной записи. И, как вы можете видеть, говорится: «Создано для современных кодеров, AI-агент, который тестирует, исправляет и проверяет ваше программное обеспечение».
Итак, по сути, идея заключается в том, что вы можете добавить Testbrite MCB в Cursor, и после того, как вы закончите внедрение новой функции или создание своего приложения, вы можете дать подсказку, попросив AI запустить полный комплексный бэкенд, фронтенд или оба, скажем, тест. И теперь AI запустит нового агента, проведет тест и предоставит все результаты. Он фактически найдет все проблемы, которые у вас есть в настоящее время в приложении, и вы сможете исправить их мгновенно одним щелчком мыши.
Итак, все, что вам нужно сделать, это перейти на testbrite.com и зарегистрироваться для новой учетной записи. Итак, у меня уже есть учетная запись, поэтому я быстро войду в нее. И теперь здесь я вошел в свою учетную запись Testbrite. И я могу нажать на этот параметр «Тест MCB» и нажать «Быстрая установка». И теперь все, что вам нужно сделать, это сначала создать ключ API. Итак, я могу нажать эту кнопку «Создать новый ключ» прямо там. Нажмите «Новый ключ API». Скажем, Cursor 2.0. И я могу нажать «Создать» и создать новый ключ API. Так что я могу скопировать его. И после этого все, что мне нужно сделать, это нажать эту кнопку «Добавить в Cursor» прямо здесь. И снова, Testbrite MCB доступен для облачного кода и других IDE. Так что я нажму «Добавить в Cursor», открою Cursor. И вот оно. Здесь он добавлен. И теперь все, что мне нужно сделать, это вставить ключ API сюда. И я могу нажать «Установить». И вот оно. Testbrite MCB теперь добавлен. И теперь я могу использовать Testbrite MCB для запуска комплексного теста. Так что это так же просто, как это. Вам просто нужно получить свой ключ API и добавить этот Testbrite MCB в свой Cursor. И следующий шаг — вы можете мгновенно начать его использовать.
Например, давайте просто скажем, я хочу провести тест фронтенда, чтобы убедиться, что все в этом конкретном приложении работает. Хорошо. Итак, все, что мне нужно сделать, это перейти и дать подсказку, которая гласит: «Пожалуйста, используйте Testbrite MCB для запуска полного теста фронтенда». Итак, в этом случае я хочу запустить только полный тест фронтенда. Но если вы хотите, скажем, запустить тест бэкенда, вы можете просто дать подсказку для этого. И теперь я могу нажать кнопку отправки прямо здесь. И теперь вот оно. Он теперь вызывает инструмент Testbrite Bootstrap Test MCB. Итак, я нажимаю «Запустить». Хорошо. Теперь он открывает новый интерфейс браузера, и все, что вам нужно сделать, это настроить детали тестирования здесь. Итак, в этом случае режим, который будет фронтенд. Область действия — кодовая база. Тестовая учетная запись не нужна, потому что у нас еще нет входа в систему. Хорошо. Он работает на localhost:3000. Путь — корень. И следующий шаг, вы можете добавить сюда документ спецификации продукта, который мы можем попросить AI создать. Итак, я быстро перейду и скажу: «Не могли бы вы создать документ спецификации продукта для запуска теста фронтенда для нашего приложения?» Хорошо. И теперь я могу нажать «Отправить».
Итак, по сути, мы просто просим сам AI создать документ спецификации. Но если у вас он уже есть, вы можете просто загрузить его. Итак, в этом случае, позвольте мне быстро создать один. Итак, документ спецификации готов, и я нажму «Открыть» и добавлю его сюда. И я могу нажать «Продолжить» вот так. Хорошо. Итак, он теперь будет автоматически закрыт. Я могу закрыть это. Вернуться в Cursor и закрыть это. Хорошо.
Итак, я могу нажать «Запустить». Итак, по сути, вам просто нужно нажать «ОК» на все эти подсказки здесь, и в течение нескольких секунд Testbrite проведет полный комплексный тест и убедится, что все работает. Итак, он теперь будет, хорошо, так что он теперь создает новый план тестирования фронтенда. Итак, после анализа кодовой базы и документации, которую мы загрузили, он создаст новый план тестирования фронтенда, а также создаст стандартизированный PRD. И как только все это будет готово, он фактически запустит тест от вашего имени. Итак, вот оно. Процесс планирования теперь завершен, и Testbrite выполнит и запустит этот конкретный тест, например, тест фронтенда, и он найдет все проблемы, которые у нас есть в настоящее время в нашем приложении, или если все в порядке.
Итак, да, как вы можете видеть, он начал работать над этим, и это займет некоторое время. Так что я сделаю, я подожду, пока он не закончится, и я вернусь к вам с результатом. Так что давайте подождем.
Хорошо. Итак, наше комплексное тестирование фронтенда с использованием Testbrite теперь завершено, и здесь у нас есть полный отчет о комплексном тестировании. Итак, вот оно. И в общей сложности Test MCB провел около 11 тестов, из которых семь прошли, и я полагаю, четыре провалились. И вы можете найти категорию. Итак, проверка формы пройдена, функциональность копирования пройдена, адаптивный дизайн, навигация с клавиатуры, поддержка экранного диктора, производительность и, хорошо, стилизация сообщений об ошибках также пройдена. И теперь проблемы, которые у нас есть в настоящее время, заключаются в том, что критическая генерация имен выдает только семь имен вместо 10. Хорошо. Итак, еще одна критическая проблема — это отсутствие состояний загрузки во время вызовов API. Предыдущие результаты не очищаются немедленно при новой генерации. Хорошо. Невозможно проверить обработку ошибок, и темный режим не реализован. Хорошо. Итак, это все, что AI нашел, как Testbrite нашел. И теперь, если я перейду в свою учетную запись Testbrite и нажму на этот параметр «Тест MCB», здесь я смогу найти недавно созданный тест.
Итак, как вы можете видеть, это все тесты, которые провел AI. Например, проверка формы предотвращает отправку пустого ввода. Итак, я могу нажать на нее, и теперь она откроет подробную страницу, где я даже смогу найти видеозапись того, как AI-агент фактически выполняет тест на нашем приложении. Итак, я могу нажать эту кнопку воспроизведения прямо здесь. Хорошо. Хорошо. Итак, в этом случае нам нечего будет особо смотреть, потому что AI пытается отправить пустой, знаете ли, подсказку, и это не сработало. И прямо сейчас, как вы можете видеть, Cursor — это Cursor AI-агента, и он нажал кнопку «Сгенерировать названия», и практически все работает. Итак, я могу вернуться и, возможно, выбрать другой. Например, адаптивный макет. Хорошо, давайте попробуем открыть его. Итак, здесь у нас есть видео, и я могу его воспроизвести. Хорошо, так что AI ввел подсказку, сгенерировал ее. Хорошо, вот оно. Практически все работает.
И следующий шаг, давайте просто попробуем открыть, скажем, неудачный тест. Итак, это неудачный тест. И, как вы можете видеть, предыдущие результаты генерации очищаются до появления новых названий. Итак, по сути, что происходит, это то, что AI сгенерировал несколько наборов названий, и он дал обновленную подсказку и снова нажал кнопку. Но проблема здесь в том, что старые названия не очищаются, даже после ввода нового названия, и, очевидно, у нас также нет состояния загрузки.
Итак, аналогичным образом вы можете найти все тесты, которые провел AI, а также все детали в этом интерфейсе здесь. И следующий шаг, я открыл Cursor и дал подсказку, что-то вроде этого: «Не могли бы вы исправить все проблемы, которые выявил Testbrite?» И Cursor мгновенно внес изменения во все эти файлы и исправил все проблемы. Например, он создал список дел для исправления алгоритма генерации имен, чтобы всегда возвращать ровно 10 уникальных имен, видимое состояние загрузки, очистку предыдущих результатов. Итак, все это было реализовано, и практически все синхронизировано.
Итак, вот как вы используете Testbrite с Cursor, и это, по сути, все, что я хотел вам показать в сегодняшнем видео. Итак, обновление Cursor 2.0 здесь, и вы можете мгновенно начать использовать его, обновившись до последней версии. Итак, здесь у нас есть новая AI-модель Composer 1, встроенный интерфейс браузера. У нас есть возможность делать снимки экрана, делать целевые правки, голосовой ввод, несколько параллельных агентов и многое другое. Итак, я надеюсь, вы нашли это видео полезным. Если да, обязательно подпишитесь, и я увижу вас в следующем.