Essential VS Code Productivity Tips Coding With AI

Советы по повышению продуктивности при работе с кодом в VS Code. Кодирование с ИИ. Вот пять основных советов, которые пригодятся всем разработчикам при работе с VS Code или любым другим IDE. Последний совет самый важный, так как он знакомит вас с контекстным инжинирингом. Поэтому, пожалуйста, оставайтесь до конца. Мой первый основной момент, однако, таков. Убедитесь, что вы скачали Git. Git отличается от GitHub, и он предназначен для контроля версий. Пожалуйста, поставьте на паузу, зайдите и скачайте. Очень легко установить, работает на всех платформах, а также получите некоторое понимание markdown. Markdown — это язык, который понимают модели ИИ. Файл, который вы сейчас видите, написан на markdown. Это мои два совета: совет номер один, совет номер два. Всегда инициализируйте ваш локальный репозиторий. Теперь, что я сделал здесь, это я создал папку на своем рабочем столе, я назвал ее playground, и я просто зашел в файл и открыл папку, и вот как я сюда попал. Внутри этой папки есть только один файл, это readme.md. В любое время, когда вы создаете папку, первый файл там должен быть файлом readme. В любое время, когда вы позволяете ИИ вносить изменения в ваш файл, вы хотите убедиться, что у вас есть хороший контроль версий. И именно поэтому инициализация вашего локального репозитория очень важна, потому что это дает вам возможность откатиться назад, если что-то пойдет не так. Теперь вы можете сделать это напрямую с помощью команд git. Я знаю, что не многим нравятся команды git, но в Visual Studio Code вы также можете сделать это, используя систему контроля версий. Вы можете увидеть здесь наверху, где у меня есть система контроля версий. У вас есть это слева здесь. И если я нажму на это, вы увидите "Инициализировать репозиторий". Теперь это там, потому что я установил git. Вы должны установить git. Как только вы установили git, когда вы заходите в репозиторий, просто нажмите "Инициализировать репозиторий", и готово. Теперь он попросит вас сделать коммит. Итак, то, что мы сделали там, это мы сделали g initialize. Мы можем сделать это в терминале. Мы можем сделать это в source tree. У меня есть другое видео об этом, кстати. Вы можете следовать ему. И затем, конечно, я добавил свой файл readme. И затем вы хотите сделать коммит. И теперь, чтобы сделать коммит здесь, я могу просто нажать "Коммит". Вы должны добавить комментарий к своему коммиту, и в source tree это может сделать для вас. Так, например, если я нажму на это, он теперь напишет комментарии для меня. Так что это то, что у меня внутри комментариев, и вы видите, что он сделал, добавил комментарии, и теперь я делаю коммит, и да, подтверждаю. Хорошо. Теперь, если бы я хотел откатиться назад, скажем, я допустил ошибку или хотел изменить что-то в своем файле readme, я мог бы выполнить эту команду или сделать это здесь гораздо проще. Давайте выйдем из этого. Итак, пункт номер два: всегда инициализируйте локальный репозиторий. Итак, теперь у вас есть какая-то версия контроля версий. Это не ветка. Это совершенно другое. Это что-то для другого видео. Так что это мой второй пункт. Третий пункт: имейте структуру для вашего проекта. И для этой структуры вы можете использовать ASCII-дерево. Итак, короче говоря, если вы работаете над проектом, у вас будут файлы, и если у вас будут файлы, вам нужны, и у вас будут папки, не оставляйте это просто на усмотрение модели ИИ. Задайте структуру сами, и это может помочь вам построить структуру ASCII-дерева, чтобы вы могли буквально видеть ее и следовать ей. Так, например, в моем случае я хочу иметь разные папки. Теперь я назвал эту папку playground. Так что мне не нужно создавать ее снова. Но я хочу показать это как дерево. Хорошо, я хочу структуру ASCII-дерева, которая будет иметь папку playground, которая находится наверху. И затем внутри нее у меня будет каталог GitHub, потому что именно там находятся мои пользовательские инструкции. И затем у меня будут эти другие каталоги и файлы. Так что я могу попросить свою модель ИИ создать это для меня. Так что обратите внимание, что у меня здесь есть. Я просто скопирую этот код и теперь перейду к своей модели ИИ. Вот мы. Я открою свой чат. И теперь вы, в зависимости от того, подписались ли вы на платную версию GitHub Copilot, у вас будут все эти модели, или вы могли бы принести свой Cloud AI или любую другую, которую вы используете сюда, это все равно будет работать одинаково. Так что выберите свою модель. Я собираюсь выбрать Claudet 4.5. И я собираюсь перейти в режим агента. И обратите внимание, что это прямо под этим. Я выделю это, а затем внутри этого я вставлю свой запрос. И обратите внимание, что я собираюсь сделать здесь. Если я нажму на этот маленький значок здесь, он откроется. Так что это делает его намного больше. Так что он создаст мою структуру ASCII-дерева, чтобы проиллюстрировать имя папки, и у него есть все это там. Бла-бла-бла-бла-бла. И в конце я скажу "поместить guard down под выделенным текстом". Вы заметили, что я выделил этот текст, когда я скопировал этот код. А теперь он говорит мне, что он создает дерево. О, бац, вот мое дерево. Он создал его для меня. Я готовлюсь поместить его на страницу. Да. Теперь он спрашивает, хочу ли я сохранить то, что он создал? Да, хочу. Теперь давайте свернем это снова, чтобы вы могли увидеть, что он создал. И вот оно. Вот структура дерева, которую он создал для меня. При работе над проектом раскладывайте свои файлы. Создайте структуру ASCII-дерева, чтобы вы продолжали видеть, и ИИ будет знать, куда вы идете. Вам не нужно делать всю тяжелую работу самостоятельно. Просто запишите это в виде текста. Дайте это своей модели ИИ, и она создаст для вас ASCII-дерево. Совет номер четыре. Теперь я напечатал все это раньше, поэтому оно появилось так быстро. Но если вы делаете много таких вещей, вы не хотите постоянно печатать все. VS Code speech от Microsoft. Это расширение VS Code, которое очень полезно и значительно повысит вашу продуктивность. Для этого просто зайдите в свои расширения здесь и выполните поиск "VS Code speech by Microsoft". Просто найдите "VS speech by Microsoft". И вот оно. Вы можете видеть, что у него 463 миллиона загрузок. Я уже установил его. Поэтому у меня нет кнопки установки. И вы устанавливаете. Так что это вам очень поможет. Позвольте мне привести пример. Теперь у меня есть эта структура дерева моих файлов. Я хочу создать все эти папки. Теперь я знаю, что вы можете зайти сюда и создавать папки, но это займет много времени. Обратите внимание, что я собираюсь сделать здесь. Я собираюсь. Это структура дерева, которую я хочу создать. Я буквально хочу создать эти файлы внутри моего проекта. И вот как я собираюсь это сделать. Я собираюсь зайти в. Позвольте мне просто свернуть это, чтобы у нас было больше места. Теперь, когда вы отправляете новый запрос, всегда убедитесь, что вы создаете новое окно чата. В противном случае вы отправляете слишком много информации модели ИИ, и это может перегрузить ее. В любое время, когда вы нажимаете "Отправить" здесь, все, что находится в этом окне чата, будет отправлено. Так что отправляйте только то, что вам нужно. В противном случае вы перегружаете модель ИИ информацией, которая ей не нужна. И поэтому здесь сейчас я собираюсь, потому что у меня есть голосовой ввод, я скажу это. Напиши мне команду терминала для создания выделенной структуры папок. И поехали. Так что вы можете видеть, что она видит выделенную структуру дерева и напишет команду для меня. Она напишет мне команду терминала, и вы увидите, как легко ее использовать. Хорошо, она зашла в корень, там. А я не хочу, чтобы это было внутри этого. Я хочу использовать свой git bash, потому что git создает для меня новый bash. Я скажу это: напиши это так, чтобы я мог использовать это внутри git bash. Хорошо, поехали. Теперь причина, по которой я хотел использовать его внутри git bash, заключается в том, что при установке git он представляет свой собственный bash, который унифицирован как на Mac, так и на ПК. Так что я уверен, что это сработает для всех вас. Хорошо, посмотрите, что он сделал для меня там. Это команда make directory, а P означает, что она создаст все эти каталоги внутри папки pairing. Так что она сделает именно то, что я хочу. Она создаст папку GitHub. Внутри нее будут эти подпапки. Затем будет папка Gemini, папка large assets, notes, PRDs, projects, work area, и команда touch означает, что она создаст файл. Она создаст два файла: gitignore и agents. Это блестяще. Я скопирую это. Позвольте мне закрыть это. Теперь я снова здесь. Теперь я хочу перейти в свой терминал. Вот как это сделать: нажмите "Вид" и "Терминал". Итак, я здесь, в своем терминале. Я не хочу использовать PowerShell. Я хочу использовать git bash. Теперь, если вы на Mac, это может просто называться bash. Это будет там, если вы установили git. Помните, это первое, что я попросил вас установить. Хорошо. Итак, я здесь. И я просто вставлю это сюда. Вот моя команда, и нажмите Enter. Вот оно. Уже сделано. Видите, как быстро это было? Хорошо. Просто набрав мои команды в моем терминале, мой каркас. И вот мой каркас создан для меня. Хорошо. Итак, теперь у меня есть все мои файлы, все мои папки. Видите, как быстро это было? Просто введя команду. Хорошо. А затем, наконец, контекстный инжиниринг при выполнении всего этого. agents.md очень важен, потому что agents.md будет содержать контекстную информацию для моих модулей ИИ. Так что в любое время то, что я делал до сих пор, это просто вводил запросы, но эти запросы все являются самостоятельными. Но если вы хотите, чтобы ваш агент работал более эффективно, вы должны дать ему контекст. В какой среде вы работаете? Где вы хотите, чтобы он хранил ваши файлы? Вот что я сейчас собираюсь сделать. И вы можете поставить видео на паузу, чтобы посмотреть на это. Я просто написал это очень простым языком, сказав ему создать содержимое agents.md для меня, и я сказал ему, что это за проект. Я говорю, что я использую lampstack, хотя. Обратите внимание, что я собираюсь сделать сейчас. Я просто скопирую это. Скопировать снова. Позвольте мне просто свернуть это здесь и перейти к моему запросу. И я создам еще один чат для этого, потому что я не хочу отправлять эту информацию туда снова. И здесь я вставляю свой запрос. И поехали. И поэтому для этого он создаст для меня markdown и agents.md в виде файла markdown. И он работает довольно быстро. О, там была одна строка в этом файле уже. Так что вы можете видеть, что он заменил ее. И всегда хорошо следить за тем, что происходит здесь, потому что это показывает вам, что происходит. А так, он заменяет строку, которая находится в этом файле. И мне, возможно, придется ускорить это, чтобы вам не пришлось ждать, пока все это будет написано. Теперь он закончил. Сохраните файл, который был создан для меня, и давайте посмотрим, что он сделал. Так что давайте закроем это. Вернемся сюда, и вот мой файл, и посмотрите, что он создал для меня. Итак, вот оно. Он сделал это для меня. Он понял, что я использую lampstamp. Он знает, что означает LAMP. LAMP, кстати, означает Linux, Apache, MySQL и PHP. И он вышел, чтобы написать все это для меня. Он даже включил диаграмму того, как он хочет файлы. Это хорошо. Так что внутри проектов он создаст подпапку и поместит файлы туда, если у него есть другая. Так что это хорошо. Вы можете видеть, что он сделал там. Так что он дает ему пример. Так что это ваш агент. Так что просто, а затем он также дал примеры, что хорошо. Так что он также дал примеры того, как следует делать PHP. Он получил все это, потому что я сказал вам, что я использовал PHP 8.3, а также для моего HTML. Вы можете поставить видео на паузу, чтобы пройти через это в более медленном темпе. Но вот ваш agents.md, очень важный. Это контекстный инжиниринг. Теперь еще одна вещь, прежде чем я закончу этот короткий курс. Если я вернусь к своему. Теперь я хочу, чтобы он создал инструкцию для co-pilot. Инструкция C-Ilot предназначена специально для GitHub Copilot. Но вместо того, чтобы дублировать то, что находится в agents.md, я попрошу его перенаправить агента на agents.md. Чтобы прояснить, в любое время, когда вы работаете в Visual Studio Code, он будет ожидать, что ваши инструкции агента, то есть контекстный инжиниринг, будут расположены внутри папки GitHub, внутри этой папки здесь. В данный момент там ничего нет. Затем он начнет искать agents.md. Чтобы быть осторожным, я всегда люблю помещать файл инструкций Copilot внутри моего GitHub и затем перенаправлять его обратно на agents.mmd. Так что это означает, что любой агент, который я сейчас использую, будет получать одни и те же инструкции, потому что все больше и больше мы используем разных агентов. Итак, вот запрос, который сделает это для меня. Так что я просто возьму этот запрос и снова перейду к своим чатам. Я создам новый чат для этого. И здесь я вставлю свой запрос и попрошу его сделать это. Хорошо, теперь он говорит мне, что он создал его. Давайте посмотрим. Давайте просто закроем вас. Вернемся сюда, в мой. О, боже, посмотрите, куда он его поместил. Он не должен быть там. Инструкции Copilot, и именно поэтому вам всегда нужно проверять, должны быть внутри папки GitHub. Он должен быть внутри. Вы хотите переместить это? Да. Переместить. Так что я переместил его туда. Вот где он должен быть. Инструкции Copilot всегда должны быть внутри папки GitHub. Так что всегда проверяйте, что он делает. И если я зайду сюда сейчас, и да, он перенаправляет его на агентов. Но теперь он не продублировал слишком много. Он просто поместил туда некоторые основные вещи. Это нормально. И для полных деталей обратитесь к. Это хорошо. Это хорошо. Но он сделал это. Я хочу, чтобы это было кратко. Итак, вот некоторые основные советы, которые помогут вам значительно при создании ваших проектов с помощью ИИ. Пожалуйста, поставьте лайк и подпишитесь, и мы скоро выпустим еще одно видео.