Transcription
Итак, Cursor только что выпустил свое самое большое обновление за всю историю, и это Cursor 2.0. У меня был ранний доступ к Cursor 2.0, и я активно тестировал его в течение последней недели. В Cursor 2.0 внесено множество невероятных изменений, и сегодня в этом видео мы рассмотрим все основные изменения Cursor 2.0 и вместе изучим все эти функции. Итак, давайте быстро приступим.
Итак, здесь я открыл Cursor и загрузил пустой проект Next.js. И первое и самое важное изменение в Cursor 2.0 — это внедрение Composer 1, который является моделью ИИ от Cursor, которая действительно быстро выполняет задачи. Так что эта штука безумно быстрая.
Итак, если вы нажмете на это выпадающее меню, которое является селектором моделей, здесь вы найдете новую модель под названием Composer One. И, как вы можете видеть, говорится, что это первая модель агента Cursor, декодирующая модель с контекстным окном в 200 000. И снова, ранее у нас была модель под названием Cheetah, верно? Так что это была вроде как начальная версия Composer One. И в течение последней недели я фактически использовал Cursor, то есть Composer One Alpha. И вы можете выбрать эту модель Composer One из выпадающего меню и давать подсказки, и, очевидно, ИИ выполнит работу, верно? Но Composer One действительно безумно быстр.
Так что, если сравнить его, скажем, с Claude Sonnet 4.5 или GPT Codex, или, скажем, GPT High Fast, вы знаете, если сравнить его практически с любыми моделями, Composer One безумно быстр.
Итак, просто чтобы показать вам демонстрацию, я загрузил пустой проект Next.js. И, например, скажем, я хочу создать приложение-генератор названий для бизнеса с использованием ИИ. По сути, идея заключается в том, что пользователь сможет дать подсказку, объясняющую тип бизнеса, которым они занимаются, и наш ИИ предложит несколько названий, используя, конечно же, Open API. Итак, я просто дам подсказку.
И теперь здесь появляется еще одна важная функция нового обновления Cursor 2.0, и это голосовое ввод подсказок. Теперь вам не нужно вручную вводить все свои подсказки, и вам даже не нужно использовать внешнее программное обеспечение для распознавания речи. Как вы можете видеть здесь, у нас есть кнопка микрофона с надписью "Голосовой ввод". И теперь вы можете нажать эту кнопку голосового ввода и произнести подсказку, и Cursor автоматически заполнит ее для вас.
Позвольте мне показать вам. Я хочу создать приложение-генератор названий для бизнеса с использованием ИИ, где пользователи должны видеть поле ввода, и пользователь должен иметь возможность ввести описание своего бизнеса, и после нажатия кнопки "Сгенерировать" наше приложение покажет 10 различных идей для бизнеса, таких как идеи названий, и мы будем использовать Open AI API для этого. И я могу нажать кнопку отправки. И, как вы можете видеть, вот оно. Здесь у нас есть точная подсказка. Итак, сейчас распознавание речи, или, скажем, голосовой ввод, или голосовой ввод, фактически встроен в Cursor. И теперь он, во-первых, устанавливает пакет Open AI и, конечно же, посмотрим, насколько быстр Composer. Хорошо, так что сейчас мы используем модель Composer One. И теперь нажмите "Запустить". То, как он фактически делает все, безумно быстро. Посмотрите, как быстро он фактически создал новый файл примерно из 70 строк кода, еще один примерно из 100 строк кода. Позвольте мне сказать вам, это безумно быстро, и они утверждают, что он выполняет почти всю работу менее чем за 30 секунд. Хорошо. Хорошо. Он даже создал файл README. И вуаля, вы закончили. Вот так. Что заняло примерно, скажем, максимум 15-20 секунд, я полагаю. И теперь он просит нас поместить наш ключ Open AI API в файл .env. Так что я могу скопировать этот и создать новый файл .env. И я могу вставить. Хорошо. Я могу вставить его сюда. И следующий шаг, позвольте мне быстро получить мой ключ Open AI API. Так что я создам секретный ключ и скопирую его. И теперь я вставлю его сюда. Хорошо. Ой. Хорошо. Итак, ключ добавлен, и все должно работать.
Сейчас, обычно, если бы вы, скажем, создавали что-то с помощью 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 One и установить Sonnet 4.5. Так что, по сути, следующая подсказка, которую я дам Cursor, будет использовать Composer One и Sonnet 4.5, и, возможно, уменьшить до одного. Хорошо. Так что обоим, то есть Composer One и Sonnet 4.5, и подсказка, которую мы дадим, будет дана обоим, и оба они индивидуально, скажем, внесут изменения, и вы сможете просмотреть код и фактически, скажем, принять тот, который вам больше всего нравится.
Например, я могу дать подсказку: "Не могли бы вы полностью переработать наше приложение, чтобы оно выглядело современно, элегантно и привлекательно?" Так что это, по сути, базовый подсказка, и я нажму кнопку отправки. Так что, по сути, как вы можете видеть, сейчас здесь у нас установлен Claude 4.5, а здесь у нас Composer One. И снова, Composer One безумно быстр, и, как вы можете видеть, он уже начал работать над этим, и я полагаю, что он будет сделан еще до того, как Claude 4.5 начнет работу. Хорошо, так что это действительно большая задача, верно? Так что давайте просто подождем. И, как вы можете видеть, оба они выполняют работу. И если вы хотите, скажем, запустить три экземпляра того же, ну, вы можете просто, скажем, например, добавить GPT-5 Codex. Ну, у вас есть возможность добавить это. Так что здесь мы можем найти все файлы, которые ИИ изменяет, и Composer закончил. И здесь у нас Claude 4.5 работает над тем же.
И теперь дело в том, что у нас теперь также есть новый режим обзора в Cursor. Так что после того, как любая модель ИИ закончит вносить какие-либо изменения, внизу вы сможете найти сводку всех файлов, которые ИИ изменил. И вы также можете найти кнопку "Обзор". И теперь, когда вы нажмете эту кнопку "Обзор", откроется новая вкладка, где вы сможете просмотреть все изменения кода, внесенные ИИ. И интересная вещь здесь в том, что даже если ИИ внес изменения в несколько файлов, вы можете найти все это в одном интерфейсе здесь. Так что, когда вы прокручиваете вниз, так что это файл page.tsx, а это файл globals.t CSS. Так что основная идея здесь в том, что вам больше не нужно переходить по 10 разным вкладкам, если ИИ внес, скажем, 10 изменений в 10 файлов. Хорошо? Так что вы можете найти все это в этом интерфейсе здесь.
И теперь я могу сравнить код, сгенерированный как Claude 4.5 Sonnet, так и Composer One. И, скажем, мне нравится код, написанный Claude 4.5. Я могу нажать эту кнопку "Применить все" (stash + overwrite). И если я вернусь, вот оно. Это обновленная версия. Хорошо, выглядит хорошо. И если я перейду к Composer One и попытаюсь, скажем, применить все. Хорошо, вот что сделал Composer One. Так что оба они, по сути, выглядят хорошо. Но мне больше нравится Claude 4.5. Так что я оставлю его так. И, как вы можете видеть, мы теперь получаем ошибку. Так что никаких проблем. Я могу просто скопировать это. И, может быть, скажем, я могу открыть новую вкладку с, скажем, Composer One. Я получаю следующую ошибку, когда пытаюсь использовать наше приложение. Так что не могли бы вы исправить это? И я могу нажать Enter. И теперь одна вещь, которая мне очень нравится в Composer One, это то, насколько он быстр, верно? Так что вы просто даете подсказку, нажимаете Enter, и все происходит практически мгновенно. И снова, производительность — это субъективная вещь, и вам придется использовать ее для своего конкретного случая использования, чтобы понять, лучше ли она.
Похоже, это исправлено. Я могу снова нажать "Сгенерировать названия", и теперь все работает. Так что это обновленный пользовательский интерфейс нашего приложения. Так что это еще одна вещь.
И далее, вверху вы найдете параметр "Переключиться на агентов". Так что, если я нажму на эту кнопку, откроется этот интерфейс агента. Так что, по сути, идея в том, что если вы не хотите видеть весь этот код и если вы не хотите, скажем, получить доступ или, скажем, быть завалены всеми этими параметрами, которые у нас сейчас есть, вы можете использовать этот интерфейс агента здесь. Так что вы можете нажать эту кнопку "Новый агент" здесь и дать подсказку здесь. Выберите модели, которые вы хотите использовать. Например, скажем, если вы хотите использовать две из них, и притом разные модели, несколько моделей, вы можете выбрать это отсюда и дать подсказку, и теперь Cursor запустит новые агенты, и вы сможете иметь их здесь, и ИИ внесет все изменения, которые вы просили. Так что, по сути, как и предыдущая версия агента, но на стероидах. И у вас также есть параметр "локальный" и "рабочая область". Так что, хотите ли вы запускать его на своей машине или запускать параллельно, у вас есть варианты.
Например, скажем, у вас есть два разных агента, которые совершенно не связаны друг с другом. Ну, вы можете запускать их отдельно. Например, один может заниматься чем-то, связанным с фронтендом, а другой — чем-то, связанным с бэкендом. Например, вы можете запустить двух новых агентов и запускать их параллельно. Так что это тоже еще одна классная функция Cursor 2.0. И если вы хотите вернуться, вы можете нажать этот параметр "Переключиться на редактор" здесь, и вы вернетесь. И снова, если вы перейдете в настройки, вы сможете найти макет по умолчанию. Так что, хотите ли вы продолжить с макетом агента или макетом редактора, вы можете настроить это здесь.
И теперь еще одна классная функция этого интерфейса браузера заключается в том, что если я нажму на этот значок с тремя точками в правом верхнем углу, я теперь получу два варианта: "Сделать снимок экрана" и "Сделать полный снимок экрана". Так что раньше, если вам нужно было что-то объяснить Cursor, обычно мы открывали Google Chrome, загружали наше приложение вручную, делали снимок экрана, а затем перетаскивали его в агент Cursor, и так мы его использовали, верно? Мы загружали эти изображения с помощью этого параметра "Загрузить изображение". Ну, вам больше не нужно этого делать. Ну, вы можете нажать на этот значок с тремя точками здесь и нажать на этот параметр "Сделать снимок экрана", и теперь он автоматически сделает снимок экрана и прикрепит его к чату. Или, если вы хотите сделать снимок всего экрана, вы можете нажать на этот значок с тремя точками, сделать снимок всего экрана, и то же самое будет добавлено сюда. И вы даже можете увидеть предварительный просмотр изображения здесь. Так что это так просто. Так что вам больше не нужно делать, знаете ли, снимки экрана внешне, а затем вручную загружать их. Эта функция делает это супер простым и удобным.
Так что это некоторые из новых функций в последнем обновлении Cursor 2.0, и оно уже доступно. Вы можете перейти на cursor.com, скачать и начать использовать его. Или, если вы уже используете Cursor, вы можете обновиться до последней версии и получить доступ ко всем функциям, которые я показал вам в этом видео.
И далее, я также хочу уделить секунду, чтобы представить TestSprite MCP. Так что, по сути, TestSprite — это агент тестирования на основе ИИ, который может помочь вам отлаживать и находить проблемы в вашем приложении. Так что, как вы, возможно, уже знаете, не весь код, написанный ИИ, великолепен. И если вы тот, кто использует ИИ для кодирования, или даже если вы не используете ИИ для кодирования, как насчет того, чтобы использовать ИИ для сканирования всей нашей кодовой базы, чтобы найти любые проблемы, которые у нас есть, или, скажем, любые уязвимости безопасности, или любые ошибки, или любые неработающие ссылки, и тщательно протестировать бэкенд и фронтенд? Ну, вот где в игру вступает TestSprite. И если вы хотите, скажем, протестировать ваше приложение, которое вы создали с помощью ИИ, все, что вам нужно сделать, это нажать на первую ссылку в описании ниже и перейти на testsprite.com, и вы можете зарегистрироваться для новой учетной записи. И, как вы можете видеть, говорится: "Создано для современных кодеров. Агент ИИ, который тестирует, исправляет и проверяет ваше программное обеспечение".
Так что, по сути, идея заключается в том, что вы можете добавить TestSprite MCP в Cursor, и после того, как вы закончите реализацию новой функции или создание вашего приложения, вы можете дать подсказку, попросив ИИ запустить полный комплексный тест бэкенда, фронтенда или обоих. И теперь ИИ запустит нового агента, выполнит тест и предоставит все результаты. Он фактически найдет все проблемы, которые у вас сейчас есть в приложении, и вы сможете исправить их мгновенно одним щелчком мыши. Так что все, что вам нужно сделать, это перейти на testsprite.com и зарегистрироваться для новой учетной записи.
Так что у меня уже есть учетная запись, поэтому я быстро войду в нее. И теперь я вошел в свою учетную запись TestSprite, и я могу нажать на этот параметр "Тест MCP" и нажать "Быстрая установка". И теперь все, что вам нужно сделать, это сначала создать ключ API. Так что я могу нажать эту кнопку "Создать новый ключ" здесь. Нажмите "Новый ключ API". Скажем, Cursor 2.0. И я могу нажать "Создать" и создать новый ключ API. Так что я могу скопировать его. И после этого все, что мне нужно сделать, это нажать эту кнопку "Добавить в Cursor" здесь. И снова, TestSprite MCP доступен для облачного кода и других IDE. Так что я нажму "Добавить в Cursor", открою Cursor. И вот оно. Здесь оно добавлено. И теперь все, что мне нужно сделать, это вставить ключ API сюда. И я могу нажать "Установить". И вот оно. TestSprite MCP теперь добавлен. И теперь я могу использовать TestSprite MCP для запуска комплексного теста. Так что это так же просто, как это. Вам просто нужно получить свой ключ API и добавить этот TestSprite MCP в свой Cursor, а затем вы можете мгновенно начать его использовать.
Например, скажем, я хочу провести тест фронтенда, чтобы убедиться, что все в этом конкретном приложении работает. Хорошо. Так что все, что мне нужно сделать, это перейти и дать подсказку, которая гласит: "Пожалуйста, используйте TestSprite MCP для запуска полного теста фронтенда". Так что в этом случае я хочу запустить только полный тест фронтенда. Но если вы хотите, скажем, запустить тест бэкенда, вы можете просто дать подсказку для этого. И теперь я могу нажать кнопку отправки здесь. И теперь вот оно. Он теперь вызывает инструмент TestSprite Bootstrap Test MCP. Так что я нажимаю "Запустить". Хорошо. Теперь он открывает новый интерфейс браузера, и все, что вам нужно сделать, это настроить детали тестирования здесь. Так что в этом случае режим, который будет фронтенд, область действия — кодовая база. Учетная запись теста не нужна, потому что у нас еще нет входа. Хорошо. Он работает на localhost:3000. Путь — корень. И следующий шаг, вы можете добавить сюда документ спецификации продукта, который мы можем попросить ИИ создать. Так что я быстро пойду и скажу: "Не могли бы вы создать документ спецификации продукта для запуска теста фронтенда для нашего приложения?" Хорошо. И теперь я могу нажать "Отправить". Так что, по сути, мы просто просим сам ИИ создать документ спецификации. Но если у вас он уже есть, вы можете просто загрузить его. Так что в этом случае, позвольте мне быстро создать один. Так что документ спецификации готов, и я нажму "Открыть" и добавлю его сюда. И я могу нажать "Продолжить" вот так. Хорошо. Так что он теперь будет автоматически закрыт. Я могу закрыть это. Вернуться в Cursor и закрыть это. Хорошо.
Так что я могу нажать "Запустить". Так что, по сути, вам просто нужно нажать "ОК" на все эти подсказки здесь, и за считанные секунды TestSprite проведет полный комплексный тест и убедится, что все работает. Так что он теперь будет, хорошо, так что он теперь создает новый план тестирования фронтенда. Так что после анализа кодовой базы и документации, которую мы загрузили, он создаст новый план тестирования фронтенда, а также создаст стандартизированный PRD. И как только все это будет готово, он фактически запустит тест от вашего имени. Так что вот оно, процесс планирования завершен, и TestSprite выполнит и запустит этот конкретный тест, например, тест фронтенда, и найдет все проблемы, которые у нас сейчас есть в нашем приложении, или если все в порядке. Так что да, как вы можете видеть, он начал работать над этим, и это займет некоторое время. Так что я подожду, пока он не закончит, и вернусь к вам с результатами. Так что давайте подождем.
Хорошо. Так что наше комплексное тестирование фронтенда с использованием TestSprite теперь завершено, и здесь у нас есть полный отчет о комплексном тестировании. Так что вот оно. И в общей сложности Test MCP провел около 11 тестов, из которых семь прошли, и, я полагаю, четыре провалились. И вы можете найти категорию. Так что проверка форм прошла, функциональность копирования прошла, адаптивный дизайн, навигация с клавиатуры, поддержка экранного диктора, производительность и, хорошо, стилизация сообщений об ошибках также прошла. И теперь проблемы, которые у нас сейчас есть, это то, что критическая генерация имен выдает только семь имен вместо 10. Хорошо. Так что еще одна критическая проблема — это отсутствие состояний загрузки во время вызовов API. Предыдущие результаты не очищаются немедленно при новой генерации. Хорошо. Невозможно проверить обработку ошибок, и темный режим не реализован. Хорошо. Так что это все, что ИИ нашел, как нашел TestSprite, и теперь, если я перейду в свою учетную запись TestSprite и нажму на этот параметр "Тест MCP", здесь я смогу найти недавно созданный тест.
Так что, как вы можете видеть, это все тесты, которые сделал ИИ. Например, проверка форм предотвращает отправку пустых данных. Так что я могу нажать на нее, и теперь она откроет подробную страницу, где я даже смогу найти видеозапись того, как агент ИИ фактически выполняет тест на нашем приложении. Так что я могу нажать эту кнопку воспроизведения здесь. Хорошо. Хорошо. Так что, в этом случае, нам нечего будет особо смотреть, потому что ИИ пытается отправить пустую, знаете ли, подсказку, и это не сработало. И сейчас, как вы можете видеть, Cursor — это Cursor агента ИИ, и он нажал кнопку "Сгенерировать названия", и практически все работает. Так что я могу вернуться и, возможно, выбрать другой. Например, адаптивный макет. Хорошо, давайте попробуем открыть его.
Так что здесь у нас есть видео, и я могу его воспроизвести. Хорошо, так что ИИ ввел подсказку, сгенерировал ее. Хорошо, вот оно, практически все работает. И следующий шаг, давайте попробуем открыть, скажем, неудачный тест. Так что это, по сути, неудачный тест. И, как вы можете видеть, предыдущие результаты генерации очищаются до появления новых названий. Так что, по сути, происходит то, что ИИ сгенерировал несколько наборов названий, дал обновленную подсказку и снова нажал кнопку. Но проблема здесь в том, что старые названия не очищаются даже после ввода нового названия, и, очевидно, у нас также нет состояния загрузки. Так что аналогичным образом вы можете найти все тесты, которые сделал ИИ, а также все детали в этом интерфейсе здесь.
И следующий шаг, я открыл Cursor и дал подсказку, что-то вроде этого: "Не могли бы вы исправить все проблемы, которые выявил TestSprite?" И Cursor мгновенно внес изменения во все эти файлы и исправил все проблемы. Например, он создал список дел для исправления алгоритма генерации имен, чтобы он всегда возвращал ровно 10 уникальных имен, видимое состояние загрузки, очистку предыдущих результатов. Все это было реализовано, и практически все синхронизировано. Так что вот как вы используете TestSprite с Cursor, и это практически все, что я хотел вам показать в сегодняшнем видео.
Так что обновление Cursor 2.0 здесь, и вы можете мгновенно начать использовать его, обновившись до последней версии. Так что здесь у нас есть новая модель ИИ Composer One, встроенный интерфейс браузера. У нас есть возможность делать снимки экрана, делать целевые правки, голосовой ввод, несколько параллельных агентов и многое другое. Так что, я надеюсь, вы нашли это видео полезным. Если да, обязательно подпишитесь, и я увижу вас в следующем.