Как подключить git к коду Visual Studio

Обновлено: 21.11.2024

Нет ничего плохого в использовании отдельных инструментов для выполнения этих связанных действий. Но разве не было бы эффективно, если бы все необходимые действия можно было выполнять, не выходя из IDE?

Не читаете? Посмотрите это связанное видео.

В этой статье вы познакомитесь с базовой настройкой Visual Studio Code GitHub. После этого вы сможете выполнять типичные действия Git, такие как клонирование, подготовка, фиксация и отправка, не выходя из приложения Visual Studio Code.

Оглавление

Предпосылки

Если вы планируете следовать этому пошаговому руководству, вам необходимо выполнить следующие требования.

  • Компьютер с Windows 10. В этой статье используется версия 1909, но эта статья не относится к какой-либо конкретной версии.
  • Код Visual Studio. На момент написания этой статьи текущая версия — 1.47.2.
  • Учетная запись GitHub с репозиторием для работы.

Расширение Git

Чтобы настройка GitHub для Visual Studio Code работала, вам необходимо работать с Git. Visual Studio Code поставляется со встроенным расширением для управления исходным кодом с помощью Git. С расширением Git доступно множество конфигураций. Тем не менее, настройки по умолчанию уже верны, поскольку они из коробки.

Тем не менее, есть некоторые изменения в конфигурации расширения Git, которые вы можете изменить по своему усмотрению. Но прежде чем вы это сделаете, вам нужно знать, где найти настройки расширения Git. Нельзя что-то изменить, если не можешь найти, да?

Чтобы открыть настройки с помощью меню, нажмите «Файл» —> «Настройки» —> «Настройки». Или вы также можете нажать CTRL+, ярлык.

Элемент меню настроек VS Code

Затем на вкладке «Настройки» нажмите «Расширения» —> «Git». После этого вы должны увидеть список элементов конфигурации для расширения Git, как показано ниже.

Настройки расширения Git

В этой статье не рассматриваются все элементы конфигурации для Git. Тем не менее, они в основном говорят сами за себя, особенно если вы уже знакомы с работой с системой контроля версий.

Убедитесь, что Git установлен

"Что? Я думал, что Git уже встроен?».

Что ж, расширение Git встроено, а программа Git — нет. Расширение, как следует из названия, предназначено только для «расширения» VS Code для интеграции с Git. Это может сбивать с толку, и если это для вас, вы можете сначала прочитать Что такое Git, чтобы лучше понять его.

Чтобы определить, установлен ли Git и обнаружен ли он расширением Git, нажмите кнопку «Управление версиями» или нажмите CTRL+SHIFT+G в окне VS Code. Если Git не установлен или не обнаружен, вы увидите сообщение, похожее на приведенное ниже.

Git не установлен или не выбран

Как видно из изображения выше, на панели вывода есть стандартные пути, по которым VS Code пытается найти допустимую двоичную установку Git. Эта ситуация означает, что вам либо нужно сначала установить Git, либо, возможно, Git установлен, но по пути, который не распознается VS Code.

Если Git установлен, но по нестандартному пути

Если Git установлен по нестандартному пути, это можно исправить, изменив значение пути в настройке расширения Git, как указано ниже.

Настройки расширения Git

При нажатии на ссылку "Изменить в settings.json" файл будет открыт в VS Code. См. скриншот ниже для справки. Значение git.path необходимо изменить, чтобы оно указывало на правильный путь, по которому установлен двоичный файл Git. Затем сохраните настройки после изменения.

Измените значение git.path в файле settings.json

Если Git не установлен

После того как вы загрузили файл, следуйте приведенной ниже демонстрации, как установить Git с параметрами по умолчанию. Установка проста, и нет необходимости изменять параметры по умолчанию для этой статьи.Вы будете на пути к завершению настройки Visual Studio Code GitHub.

После завершения установки Git перезапустите Visual Studio Code и убедитесь, что Git обнаружен. На снимке экрана ниже показано, что вы ожидаете увидеть в случае обнаружения Git.

Git установлен и обнаружен

Клонирование репозитория GitHub

Теперь, когда вы выполнили начальные шаги, чтобы убедиться, что VS Code работает с GitHub, пришло время запустить его в действие и убедиться, что вы все сделали правильно. Самый быстрый способ протестировать — клонировать существующий репозиторий в вашей учетной записи GitHub.

В этом примере будет использоваться частный репозиторий с именем junecastillote/demo. Вместо этого вы можете использовать свой репозиторий. Если у вас еще нет репозитория, обратитесь к документу Создание нового репозитория на GitHub, чтобы узнать, как его создать.

Следуйте приведенной ниже процедуре, чтобы клонировать репозиторий GitHub в VS Code.

Сначала нажмите кнопку представления системы управления версиями или сочетание клавиш CTRL+SHIFT+G . Затем нажмите кнопку «Клонировать репозиторий». Затем нажмите «Клонировать из GitHub», и вам будет предложено разрешить попытку входа. Нажмите «Разрешить».

Инициировать клонирование репозитория GitHub

Страница авторизации автоматически откроется в веб-браузере по умолчанию. Нажмите кнопку «Продолжить».

Разрешить доступ к VS Code

На следующей странице показаны сведения о запросе разрешения. Чтобы продолжить предоставление VS Code необходимых разрешений, нажмите кнопку Авторизовать GitHub.

После авторизации вы получите страницу состояния, подобную той, что показана ниже. Если появится сообщение о том, что сайт пытается открыть Visual Studio Code, нажмите «Открыть».

Авторизация VS Code прошла успешно

Вернувшись в окно VS Code, вы можете выполнить поиск по имени репозитория или выбрать имя репозитория, которое вы собираетесь клонировать. В приведенном ниже примере имя репозитория junecastillote/demo было найдено, а затем выбрано.

После выбора репозитория для клонирования вам будет предложено указать папку, в которой репозиторий будет сохранен локально на вашем компьютере. Укажите папку назначения и нажмите «Выбрать расположение репозитория».

Клонирование репозитория GitHub

Примечание. Вход в GitHub будет запущен при выполнении действий, требующих аутентификации. К таким действиям относятся клонирование из частного репозитория или отправка в репозиторий

Появится окно входа в GitHub, и вам нужно будет ввести свои учетные данные GitHub для входа.

Войти с учетной записью GitHub

После входа в систему VS Code продолжит клонирование удаленного репозитория на ваш компьютер. Как только клонирование будет завершено, вы получите уведомление в правом нижнем углу окна VS Code, как вы можете видеть на снимке экрана ниже. Теперь вы можете нажать «Открыть» или «Открыть в новом окне» в зависимости от ваших предпочтений.

Клонирование репозитория завершено

Как видно из приведенного ниже снимка экрана, содержимое клонированного репозитория GitHub теперь загружается в VS Code. На этом этапе вы можете начать вносить изменения в свой репозиторий.

Локальный репозиторий загружается в VS Code

Подготовка, фиксация и отправка изменений на GitHub

Продолжая настройку Visual Studio Code GitHub, на данный момент VS Code уже настроен для использования Git и работы с вашим репозиторием GitHub.Кроме того, в предыдущем разделе был клонирован репозиторий, что указывает на то, что все работает. Однако это еще не все.

Затем нужно определить, могут ли ваши изменения в вашем клонированном репозитории быть успешно отправлены в ваш удаленный репозиторий GitHub.

Добавление и изменение файлов

Используя клонированный репозиторий из предыдущего раздела, файл README.MD редактируется, как вы можете видеть ниже, добавляя новую строку.

Содержимое файла изменено

Далее, чтобы добавить новый файл в рабочую область, нажмите CTRL+N или выберите Файл —> Новый файл. В этом примере новый файл называется demo.ps1. Отредактируйте файл, чтобы добавить в него содержимое, а затем сохраните его.

Вы увидите, что новый созданный вами файл будет отмечен знаком U, что означает неотслеживаемый. См. приведенный ниже пример снимка экрана.

Неотслеживаемые файлы — это любые файлы в вашем рабочем каталоге, которые не были в вашем последнем снимке и не находятся в вашей промежуточной области. Ссылка: 2.2 Основы Git — запись изменений в репозиторий

Новый файл, добавленный в рабочую область, не отслеживается

Просмотр и подготовка изменений

Чтобы просмотреть изменения, перейдите в представление системы управления версиями. Вы должны увидеть, что эти два изменения необходимо проверить. Как видно из изображения ниже, при нажатии на каждое из изменений откроется сравнение исходного содержимого файла и предлагаемых в нем изменений.

Разное представление исходного и измененного содержимого файла

После проверки вы должны либо отменить, либо внести изменения в файлы.

У вас есть возможность отменить или сохранить изменения каждого файла. Щелкнув значок отмены (↶) или этап (+) рядом с именем файла.

Вы также можете сразу внести или отменить все изменения, нажав кнопку Дополнительные действия (…) и выбрав пункты меню Внести все изменения или Отменить все изменения. В этом примере все изменения будут поэтапными.

Кнопки и меню для внесения или отмены изменений

Фиксация изменений

Теперь, когда изменения подготовлены, следующим действием будет фиксация изменений в локальном репозитории. Этот шаг выполняется перед отправкой изменений в удаленный репозиторий GitHub.

Чтобы зафиксировать изменения, вы должны включить в фиксацию осмысленное сообщение. Как и в примере ниже, введите сообщение, которое вы хотите включить в фиксацию. Когда вы будете удовлетворены своим сообщением, нажмите CTRL+ENTER или нажмите кнопку фиксации (✓), чтобы завершить сохранение изменений в локальном репозитории.

Отправка изменений на GitHub

После того как изменения будут сохранены в локальном репозитории, в представлении системы управления версиями должно быть указано, что количество изменений сброшено до нуля (0).

Чтобы, наконец, отправить изменения из локального репозитория в удаленный репозиторий в GitHub, нажмите кнопку Дополнительные действия (…), а затем нажмите кнопку Отправить.

Отправка изменений локального репозитория на GitHub

Наконец, если вы хотите убедиться, что изменения были отправлены на GitHub, вы можете посетить свой репозиторий GitHub и найти сведения о последнем обновлении. Как вы можете видеть ниже, сообщение или описание файлов совпадает с сообщением, которое было добавлено к фиксации перед отправкой репозитория обратно на GitHub.

Локальный репозиторий успешно отправлен на GitHub

Расширение VS Code Git с помощью расширения GitHub

Если вы выполнили все предыдущие шаги, VS Code уже можно использовать для работы с вашими репозиториями GitHub. Но интеграцию с GitHub можно расширить, установив расширение GitHub Pull Requests and Issues. Упомянутое расширение добавит такие функции, как возможность просматривать и управлять запросами на вытягивание и проблемами непосредственно в VS Code, среди прочего.

Чтобы установить расширение, перейдите в представление "Расширения". Затем в поле поиска введите поисковый запрос «GitHub Pull Requests and Issues». Когда откроется страница расширения, нажмите кнопку «Установить», чтобы установить его. См. демонстрацию ниже.

Еще один способ установить расширение — с помощью командной строки. Сначала скопируйте приведенную ниже команду и запустите в терминале VS Code, чтобы установить расширение.

После выполнения приведенной выше команды может потребоваться перезагрузить окно VS Code, чтобы расширение было активировано.

Чтобы перезагрузить окно VS Code, нажмите CTRL+SHIFT+P, чтобы открыть палитру команд. Затем введите окно перезагрузки и нажмите Enter, и окно VS Code будет перезагружено. Вы можете просмотреть демонстрацию процесса установки ниже.

Обзор

Visual Studio Code – это многофункциональное приложение, в котором различные функции объединяются и интегрируются с использованием различных расширений. Расширение Git, поставляемое с VS Code, позволяет разработчикам использовать единый интерфейс для редактирования кода, подготовки, фиксации и отправки изменений в удаленный репозиторий, например GitHub.

В этом примере вы узнали, как настроить VS Code и Git для работы с GitHub. Вы узнали, как выполнять различные действия Git внутри VS Code, такие как клонирование, подготовка, фиксация и отправка.

Знания, изложенные в этой статье, относятся только к основам использования VS Code с GitHub. Как вы уже знаете, интеграцию VS Code с GitHub можно расширить, установив расширения.

Когда вы готовы узнать больше, вы можете протестировать использование VS Code для просмотра и управления проблемами или даже для объединения запросов на вытягивание в GitHub в рамках приложения VS Code.

Спасибо, что прочитали!

Дополнительная литература

Ненавидите рекламу? Хотите поддержать писателя? Получите многие из наших руководств в виде руководства по ATA.

Visual Studio Code имеет встроенную систему управления версиями (SCM) и стандартную поддержку Git. Многие другие поставщики системы управления версиями доступны через расширения на VS Code Marketplace.

Совет. Нажмите на плитку расширения, чтобы прочитать описание и отзывы в Marketplace.

Поставщики SCM

VS Code поддерживает одновременную работу с несколькими поставщиками управления версиями. Например, вы можете открыть несколько репозиториев Git вместе с локальной рабочей областью Azure DevOps Server и беспрепятственно работать над своими проектами. Чтобы включить представление «Поставщики управления версиями», выберите дополнительное меню в представлении «Управление версиями» ( ⌃⇧G (Windows, Linux Ctrl+Shift+G ) ), наведите указатель мыши на «Представления» и убедитесь, что репозитории системы управления версиями отмечены галочкой. . В представлении «Поставщики системы управления версиями» отображаются обнаруженные поставщики и репозитории, и вы можете ограничить отображение ваших изменений, выбрав определенного поставщика.

Расширения поставщика SCM

Если вы хотите установить другого поставщика SCM, вы можете выполнить поиск в категории расширений поставщиков scm в представлении «Расширения» ( ⇧⌘X (Windows, Linux Ctrl+Shift+X )). Начните вводить «@ca», и вы увидите предложения для категорий расширений, таких как отладчики и линтеры. Выберите @category:"поставщики SCM", чтобы увидеть доступных поставщиков SCM.

Поддержка Git

VS Code поставляется с расширением диспетчера управления версиями Git (SCM). Большинство пользовательских интерфейсов и рабочих процессов системы управления версиями являются общими для других расширений SCM, поэтому ознакомление с общей поддержкой Git в VS Code поможет вам понять, как использовать другой поставщик.

Примечание. Если вы новичок в Git, веб-сайт git-scm — это хорошее место для начала, где вы найдете популярную онлайн-книгу, видео по началу работы и шпаргалки. В документации по VS Code предполагается, что вы уже знакомы с Git.

Примечание. VS Code будет использовать установку Git на вашем компьютере, поэтому вам необходимо сначала установить Git, прежде чем вы получите доступ к этим функциям. Убедитесь, что вы установили версию не ниже 2.0.0 .

👉 При коммите имейте в виду, что если ваше имя пользователя и/или адрес электронной почты не заданы в конфигурации Git, Git вернется к использованию информации с вашего локального компьютера. Вы можете найти подробности в информации о коммите Git.

Значок системы управления версиями на панели действий слева всегда показывает, сколько изменений в настоящее время имеется в вашем репозитории.При выборе значка вы увидите подробную информацию о текущих изменениях в репозитории: ИЗМЕНЕНИЯ, ПОСТАНОВЛЕННЫЕ ИЗМЕНЕНИЯ и ИЗМЕНЕНИЯ СЛИЯНИЯ.

Нажав на каждый элемент, вы увидите подробные текстовые изменения в каждом файле. Обратите внимание, что для неустановленных изменений редактор справа по-прежнему позволяет редактировать файл: не стесняйтесь использовать его!

Вы также можете найти индикаторы состояния вашего репозитория в левом нижнем углу VS Code: текущая ветвь, индикаторы грязных данных и количество входящих и исходящих коммитов текущей ветки. Вы можете извлечь любую ветку в своем репозитории, щелкнув этот индикатор состояния и выбрав ссылку Git из списка.

Совет. Вы можете открыть VS Code в подкаталоге репозитория Git. Службы Git VS Code по-прежнему будут работать как обычно, показывая все изменения в репозитории, но изменения файлов за пределами заданного каталога будут затенены всплывающей подсказкой, указывающей, что они расположены за пределами текущей рабочей области.

Зафиксировать

Подготовку (git add) и отмену подготовки (git reset) можно выполнить с помощью контекстных действий в файлах или путем перетаскивания.

Вы можете ввести сообщение фиксации над изменениями и нажать Ctrl+Enter (macOS: ⌘+Enter ), чтобы их зафиксировать. Если есть какие-либо поэтапные изменения, будут зафиксированы только эти изменения. В противном случае вы получите приглашение выбрать, какие изменения вы хотите зафиксировать, и получить возможность изменить настройки фиксации.

Мы обнаружили, что это отличный рабочий процесс. Например, на предыдущем снимке экрана в коммит будут включены только поэтапные изменения в файле review.jpg. Последующие действия по подготовке и фиксации могут включать в себя изменения в файле versioncontrol.md и двух других изображениях .jpg в качестве отдельной фиксации.

Более конкретные действия фиксации можно найти в представлениях и дополнительных действиях. меню в верхней части представления системы управления версиями.

Совет. Если вы фиксируете изменения в неправильной ветке, отмените фиксацию с помощью команды Git: Undo Last Commit в палитре команд ( ⇧⌘P (Windows, Linux Ctrl+Shift+P )).< /p>

Клонирование репозитория

Если вы еще не открыли папку, в представлении "Управление версиями" будут доступны варианты "Открыть папку с локального компьютера" или "Клонировать репозиторий".

Если вы выберете «Клонировать репозиторий», вам будет предложено указать URL-адрес удаленного репозитория (например, на GitHub) и родительский каталог, в который нужно поместить локальный репозиторий.

URL-адрес репозитория GitHub можно найти в диалоговом окне кода GitHub.

Затем нужно вставить этот URL в приглашение Git: Clone.

Вы также увидите возможность клонирования с GitHub. После аутентификации с помощью учетной записи GitHub в VS Code вы сможете выполнять поиск в репозиториях по имени и выбирать любой репозиторий для его клонирования. Вы также можете запустить процесс клонирования репозитория Git с помощью команды Git: Clone в палитре команд ( ⇧⌘P (Windows, Linux Ctrl+Shift+P )). Чтобы просмотреть пошаговое руководство, посмотрите наши репозитории Clone from VS Code.

Примечание. Если вы хотите работать с репозиторием без клонирования содержимого на локальный компьютер, вы можете установить расширение GitHub Repositories для просмотра и редактирования непосредственно на GitHub. Вы можете узнать больше в разделе расширения репозиториев GitHub.

Ветки и теги

Вы можете создавать и извлекать ветки непосредственно в коде VS с помощью команд Git: Create Branch и Git: Checkout to в палитре команд ( ⇧⌘P (Windows, Linux Ctrl+Shift+P )).

Если вы запустите Git: Checkout to, вы увидите раскрывающийся список, содержащий все ветки или теги в текущем репозитории. Это также даст вам возможность создать новую ветку, если вы решите, что это лучший вариант, или проверить ветку в автономном режиме.

Команда Git: Создать ветку позволяет быстро создать новую ветку. Просто укажите имя новой ветки, и VS Code создаст ветку и переключится на нее. Если вы выберете Создать новую ветку из., вы получите дополнительное приглашение, позволяющее указать, на какую фиксацию должна указывать новая ветвь.

Пульты

Учитывая, что ваш репозиторий подключен к какому-то удаленному серверу и что ваша проверенная ветка имеет восходящую ссылку на ветку на этом удаленном сервере, VS Code предлагает вам полезные действия для отправки, извлечения и синхронизации этой ветки (последняя будет запускать команду pull, за которой следует команда push). Вы можете найти эти действия в представлениях и дополнительных действиях. меню, а также возможность добавить или удалить пульт.

VS Code может периодически получать изменения с ваших пультов. Это позволяет VS Code показать, на сколько изменений ваш локальный репозиторий опережает или отстает от удаленного. Начиная с VS Code 1.19, эта функция по умолчанию отключена, и вы можете включить ее с помощью параметра git.autofetch.

Совет. Вам следует настроить помощник по учетным данным, чтобы не запрашивать учетные данные каждый раз, когда VS Code взаимодействует с вашими пультами Git. Если вы этого не сделаете, вы можете отключить автоматическую загрузку с помощью параметра git.autofetch, чтобы уменьшить количество получаемых запросов.

Действия в строке состояния Git

Существует действие «Синхронизировать изменения» в строке состояния рядом с индикатором ветки, когда для текущей проверенной ветки настроена восходящая ветвь. Synchronize Changes загрузит удаленные изменения в ваш локальный репозиторий, а затем отправит локальные коммиты в вышестоящую ветку.

Если не настроена восходящая ветвь, а в репозитории Git настроены удаленные устройства, действие «Публикация» включено. Это позволит вам опубликовать текущую ветку на удаленном компьютере.

Индикаторы отступов

Если вы откроете папку, являющуюся репозиторием Git, и начнете вносить изменения, VS Code добавит полезные аннотации в поле и на линейку обзора.

  • Красный треугольник указывает, где строки были удалены.
  • Зеленая полоса указывает на новые добавленные строки.
  • Синяя полоса указывает на измененные строки.

Конфликты слияния

Конфликты слияния распознаются VS Code. Различия выделены, и есть встроенные действия для принятия одного или обоих изменений. Как только конфликты будут устранены, подготовьте конфликтующий файл, чтобы можно было зафиксировать эти изменения.

Просмотр различий

Наши инструменты Git поддерживают просмотр различий в VS Code.

Совет. Вы можете сравнить любые два файла, сначала щелкнув правой кнопкой мыши файл в проводнике или в списке OPEN EDITORS и выбрав «Выбрать для сравнения», а затем щелкнув правой кнопкой мыши второй файл для сравнения и выбрав «Сравнить с». имя_файла_вы_выбрали'. Либо нажмите на клавиатуре ⇧⌘P (Windows, Linux Ctrl+Shift+P ) и выберите Файл: Сравнить активный файл с, и вам будет представлен список последних файлов.

Панель обзора редактора различий

В редакторе различий есть панель просмотра, в которой представлены изменения в едином формате исправления. Вы можете перемещаться между изменениями с помощью «Перейти к следующему отличию» (F7) и «Перейти к предыдущему отличию» (⇧F7 (Windows, Linux Shift+F7)). По строкам можно перемещаться с помощью клавиш со стрелками, а нажатие Enter вернет редактор различий к выбранной строке.

Примечание. Этот опыт особенно полезен для пользователей программ чтения с экрана.

Временная шкала

Представление «Временная шкала», доступное по умолчанию в нижней части Проводника, представляет собой унифицированное представление для визуализации событий временных рядов (например, Git-коммитов) для файла.

Встроенная поддержка Git в VS Code предоставляет историю коммитов Git для указанного файла. При выборе фиксации откроется представление изменений, внесенных этой фиксацией. Если щелкнуть фиксацию правой кнопкой мыши, вы получите опции «Копировать идентификатор фиксации» и «Копировать сообщение фиксации».

Visual Studio Code поддерживает больше рабочих процессов истории Git благодаря расширениям, доступным в VS Code Marketplace.

Совет. Нажмите на плитку расширения, чтобы прочитать описание и отзывы в Marketplace.

Окно вывода Git

Вы всегда можете заглянуть внутрь, чтобы увидеть, какие команды Git мы используем. Это полезно, если происходит что-то странное или вам просто любопытно. :)

Чтобы открыть окно вывода Git, запустите View > Output и выберите Git из раскрывающегося списка.

Инициализировать репозиторий

Если ваша рабочая область находится на локальном компьютере, вы можете включить управление исходным кодом Git, создав репозиторий Git с помощью команды Инициализировать репозиторий. Если VS Code не обнаружит существующий репозиторий Git, в представлении "Управление версиями" будут доступны варианты "Инициализировать репозиторий" или "Опубликовать на GitHub".

Вы также можете запустить команды Git: Initialize Repository и Publish to GitHub из палитры команд ( ⇧⌘P (Windows, Linux Ctrl+Shift+P ) ). Запуск Initialize Repository создаст необходимые файлы метаданных репозитория Git и отобразит файлы вашей рабочей области как неотслеживаемые изменения, готовые к промежуточному размещению. Опубликовать в GitHub — папка вашей рабочей области будет напрямую опубликована в репозиторий GitHub, что позволит вам выбирать между частным и общедоступным репозиторием. Посмотрите наше видео о публикации репозиториев, чтобы узнать больше о публикации на GitHub.

VS Code как редактор Git

Когда вы запускаете VS Code из командной строки, вы можете передать аргумент --wait, чтобы команда запуска ждала, пока вы не закроете новый экземпляр VS Code. Это может быть полезно, когда вы настраиваете VS Code в качестве внешнего редактора Git, поэтому Git будет ждать, пока вы не закроете запущенный экземпляр VS Code.

Вот как это сделать:

  1. Убедитесь, что вы можете запустить code --help из командной строки, и вы получите помощь.
    • если вы не видите справку, выполните следующие действия:
      • macOS: выберите команду оболочки: установите команду «Код» по пути из палитры команд.
      • Windows: убедитесь, что во время установки вы выбрали «Добавить в ПУТЬ».
      • Linux: убедитесь, что вы установили Code через наши новые пакеты .deb или .rpm.
  2. В командной строке запустите git config --global core.editor "code --wait"

Теперь вы можете запустить git config --global -e и использовать VS Code в качестве редактора для настройки Git.

VS Code как инструмент сравнения Git

Добавьте в настройки Git следующее, чтобы использовать VS Code в качестве инструмента сравнения:

При этом используется параметр --diff, который вы можете передать в VS Code для сравнения двух файлов рядом друг с другом.

Подводя итог, вот несколько примеров использования VS Code в качестве редактора:

  • git rebase HEAD~3 - я делаю интерактивную перебазировку с помощью VS Code
  • git commit использует VS Code для сообщения фиксации
  • git add -p, за которым следует e для интерактивного добавления
  • git difftool ^ использовать VS Code в качестве редактора различий для изменений

Работа с запросами на включение

Visual Studio Code также поддерживает рабочие процессы запросов на вытягивание с помощью расширения GitHub Pull Requests and Issues, доступного в VS Code Marketplace. Расширения запроса на вытягивание позволяют просматривать, комментировать и проверять исходный код непосредственно в VS Code.

Дальнейшие шаги

    — Вступительное видео с обзором поддержки VS Code Git. - Узнайте о мощном редакторе VS Code. - Быстро перемещайтесь по исходному коду. - Вот где VS Code действительно сияет - Запуск задач с помощью Gulp, Grunt и Jake. Отображение ошибок и предупреждений. Если вы хотите интегрировать другого поставщика системы управления версиями в VS Code, см. наш API системы управления версиями.

Частые вопросы

Я инициализировал репозиторий, но действия в файле . все меню неактивны

Для отправки, извлечения и синхронизации необходимо настроить источник Git. Вы можете получить требуемый URL-адрес от хоста репозитория. Получив этот URL-адрес, вам нужно добавить его в настройки Git, выполнив пару действий в командной строке. Например:

Моя команда использует Team Foundation Version Control (TFVC) вместо Git. Что мне делать?

Используйте расширение Azure Repos, и это осветит поддержку TFVC.

Почему действия Pull, Push и Sync никогда не заканчиваются?

Обычно это означает, что в Git не настроено управление учетными данными, и вы по какой-то причине не получаете запросы на ввод учетных данных.

Вы всегда можете настроить помощника по учетным данным, чтобы получать и отправлять данные с удаленного сервера, и при этом VS Code не будет каждый раз запрашивать ваши учетные данные.

Как мне войти в Git с помощью моей организации Azure DevOps, для которой требуется многофакторная проверка подлинности?

Git Credential Manager (GCM) — это рекомендуемый помощник по учетным данным Git для Windows, macOS и Linux. Если вы используете Git для Windows, GCM уже установлен и настроен для вас.Если вы работаете в macOS или Linux, инструкции по установке есть в GCM README.

На моем компьютере установлен GitHub Desktop, но VS Code его игнорирует

VS Code поддерживает только официальный дистрибутив Git для интеграции с Git.

Я продолжаю получать диалоговые окна аутентификации Git всякий раз, когда запущен VS Code

VS Code автоматически получает изменения с сервера, чтобы представить вам сводку входящих изменений. Диалоговое окно проверки подлинности Git не зависит от самого VS Code и является частью вашего текущего помощника по учетным данным Git.

Один из способов избежать этих запросов — настроить помощник по учетным данным, который запоминает ваши учетные данные.

Еще один вариант — отключить функцию автоматической загрузки, изменив следующий параметр: "git.autofetch": false .

Могу ли я использовать аутентификацию SSH Git с VS Code?

Да, хотя VS Code проще всего работает с ключами SSH без кодовой фразы. Если у вас есть ключ SSH с парольной фразой, вам потребуется запустить VS Code из командной строки Git Bash, чтобы унаследовать его среду SSH.

Для тех, кто плохо знаком с Visual Studio (VS) Code, может понадобиться редактор кода. Истинная сила VS Code заключается в его расширениях, встроенном терминале и других функциях. В этом практическом руководстве вы узнаете, как использовать Visual Studio Code, работая с репозиторием Git.

Используя встроенные инструменты VS Code и несколько расширений, вы будете писать код и фиксировать этот код в системе управления версиями с помощью единого интерфейса.

Эта запись в блоге представляет собой фрагмент главы из электронной книги From Admin to DevOps: The BS Way to DevOps in Azure. Если вам понравилась эта глава и вы хотите узнать о выполнении DevOps в Azure, ознакомьтесь с ней!

Оглавление

Обзор руководства

В этом руководстве вы узнаете, как использовать различные функции VS Code в Windows, создав проект с помощью Visual Studio Code и Git. Вам было поручено выяснить, как создать виртуальную машину Azure с Terraform в качестве небольшого проекта проверки концепции (POC). У вас есть VS Code, вы слышали о его возможностях в качестве полноценной IDE и хотите протестировать его.

  • Создайте рабочую область VS Code, чтобы поделиться ею со своей командой.
  • Установите расширение Terraform
  • Измените файл конфигурации Terraform, чтобы он соответствовал вашему соглашению об именах и подписке Azure.
  • Создайте фрагмент для обычной задачи, которую вы печатаете снова и снова.
  • Зафиксируйте файл конфигурации Terraform в репозитории Git

Это руководство не предназначено для демонстрации того, как использовать Terraform для развертывания виртуальных машин Azure. У нас уже есть статья о Terraform и виртуальных машинах Azure. В этом руководстве основное внимание будет уделено изучению кода Visual Studio.

Похоже, это интересный проект? Если да, читайте дальше, чтобы начать!

Предпосылки

Чтобы следовать этому руководству по Visual Studio Code Git, убедитесь, что у вас есть следующее:

  • VS Code. Во всех примерах будет использоваться VS Code 1.44, хотя более ранние версии, скорее всего, тоже будут работать. – Все примеры будут использовать Terraform для Windows версии 0.12.24. установлено — во всех примерах будет использоваться версия 2.26. Если вы хотите, чтобы VS Code был редактором Git по умолчанию, обязательно выберите его при установке.

Редактор по умолчанию для Git

Клонировать репозиторий Git

Поскольку в этом руководстве основное внимание уделяется работе с кодом в репозитории GitHub, вашей первой задачей будет клонирование этого репозитория GitHub на локальный компьютер.

Для этого проекта вы будете работать с репозиторием GitHub под названием VSCodeDemo. Поскольку VS Code имеет встроенную интеграцию с Git, вы можете клонировать репозиторий Git без дополнительной настройки. Для этого:

  1. Откройте палитру команд с помощью Ctrl-Shift-P, введите git, где вы увидите различные параметры, как показано ниже.

Клонирование репозитория Git с помощью VS Code

<р>3. Выберите папку для размещения клонированных файлов проекта. Этот проект поместит папку репозитория в корень C:\. Как только вы выберете расположение репозитория, VS Code вызовет git.exe в фоновом режиме и клонирует репозиторий на ваш компьютер.

<р>4. По завершении VS Code предложит немедленно открыть клонированный репозиторий, как показано ниже. Для этого нажмите «Открыть».

Открытие клонированного репозитория Git

Теперь у вас есть открытая папка в VS Code для репозитория Git. Теперь вам нужно «сохранить» эту открытую папку и все настройки, которые вы будете выполнять в рабочей области.

Создание рабочей области

Теперь, когда у вас открыта папка с репозиторием Git, сохраните рабочую область, перейдя в меню «Файл» и нажав «Сохранить рабочую область как…».

Сохранение рабочей области VS Code

Сохраните рабочую область как проект в папке проекта. Затем VS Code создаст файл с именем project.code-workspace в папке репозитория Git. Это рабочее пространство теперь знает, какую папку вы открыли. Теперь, когда рабочая область будет открыта в будущем, она автоматически откроет папку C:\VSCodeDemo.

Теперь вместо имени папки вы увидите название рабочей области.

Проверка рабочей области VS Code

Настройка расширений

Расширения — одна из самых полезных функций VS Code. Расширения позволяют вам использовать функциональные возможности, которые помогут вам управлять множеством различных проектов. В этом руководстве вы будете работать с Terraform.

Откройте один из файлов конфигурации Terraform в рабочей области на левой боковой панели. Обратите внимание, как открывается вкладка редактора и показывает текст, но это все. Нет обычной подсветки синтаксиса или каких-либо других функций. VS Code считает, что это обычный текстовый файл, и отображает его соответствующим образом. Давайте это исправим.

Нет подсветки синтаксиса для файла конфигурации Terraform

Чтобы VS Code «понимал» файл конфигурации Terraform, необходимо расширение. Расширения — это огромная часть VS Code, которая открывает мир новых функций. В этом случае вам потребуется расширение Terraform, чтобы помочь в создании файлов конфигурации Terraform и развертывании инфраструктуры с помощью Terraform.

Чтобы установить расширение Terraform, нажмите кнопку расширения на панели действий и выполните поиск по запросу terraform. Вы увидите несколько расширений, но для этого проекта нажмите «Установить», чтобы получить лучший результат, созданный Микаэлем Оленфальком. Затем VS Code установит расширение.

Установка расширения Terraform

После установки вернитесь в рабочую область и щелкните один из файлов TF в рабочей области. Вы сразу же увидите одно из самых очевидных отличий при использовании расширения — подсветку синтаксиса.

Теперь на следующем снимке экрана видно, что VS Code «знает», что такое комментарий (сделав его зеленым), что такое строка (сделав его красным) и так далее. Теперь стало намного проще читать файл конфигурации Terraform.

Подсветка синтаксиса Terraform, выполняемая расширением VS Code Terraform

Расширение Terrafom от Микаэля включает гораздо больше функций. Обязательно изучите все потенциальные преимущества, которые вы можете получить от этого расширения при использовании Terraform.

Редактирование кода

Скорее всего, когда вы найдете сценарий или файл конфигурации в Интернете, он не будет таким, каким он вам нужен. Вам нужно будет как-то его изменить.

В примере из этого руководства вы хотите изменить метку основного блока в файле infrastructure-before.tf. Файл конфигурации Terraform для возможного проекта . Для этого вам нужно найти и заменить текст. В VS Code это можно сделать несколькими способами.

Один из наиболее распространенных способов найти строку и заменить ее другой — это старый добрый поиск и замена.

Нажмите Ctrl-F, и вы увидите диалоговое окно, похожее на следующий снимок экрана. Здесь вы можете ввести строку, которую хотите найти, и если вы нажмете стрелку вниз, она расширится и предоставит место для ввода строки, чтобы заменить ее. На скриншоте ниже вы можете увидеть такие параметры, как Aa и Ab| для поиска с учетом регистра, а также регулярных выражений.

Поиск и замена текста

Вы также можете выполнить «найти и заменить» с помощью Ctrl-D. Просто выделите текст, который хотите найти, и нажимайте Ctrl-D. Вы обнаружите, что VS Code начнет подсвечивать каждое вхождение этой строки мигающим курсором.

Когда вы выбрали все элементы, начните вводить текст, и VS Code изменит все экземпляры сразу, как если бы вы выбрали каждый из них по отдельности.

Синхронизация изменений с несколькими курсорами

Экономия времени с помощью сниппетов

Допустим, вы действительно знакомитесь с Terraform и Azure и устали вводить блок файла конфигурации Terraform для создания новой группы ресурсов Azure в следующем фрагменте кода.

Чтобы сэкономить время на создании этих блоков, создайте фрагмент VS Code.

Чтобы создать фрагмент VS Code:

  1. Скопируйте блок azurerm_resource_group из файла конфигурации Infrastructure-before.tf Terraform.
<р>2. Откройте палитру команд с помощью Ctrl-Shift-P.

<р>3. Введите «фрагменты», чтобы отфильтровать список параметров.

<р>4. Выберите «Настройки»: «Настроить пользовательские фрагменты». Откроется список всех файлов фрагментов, обычно разделенных по языку.

<р>5. Введите «terraform», чтобы отфильтровать фрагменты Terraform.

<р>6. Выберите terraform (Terraform), чтобы открыть файл фрагментов Terraform (terraform.json).

Открыв файл фрагментов Terraform, удалите все комментарии и скопируйте/вставьте внутрь следующий элемент JSON.

Обратите внимание на использование \t и обратной косой черты. Вы не можете напрямую размещать символы табуляции внутри фрагмента. Чтобы представить символ табуляции, вы должны использовать \t . Кроме того, вы должны экранировать символы, такие как двойные кавычки, знаки доллара, фигурные скобки и обратную косую черту, с помощью обратной косой черты.

<р>8. Сохраните файл terraform.json.

<р>9. Вернитесь к файлу конфигурации Terraform и введите «rg». Обратите внимание, что теперь вы видите возможность развернуть фрагмент.

Расширение фрагмента

<р>10. Выберите фрагмент rg, как показано выше. Обратите внимание, что теперь он расширяется до только что созданного фрагмента с тремя выделенными элементами.

VS Code выделил каждое слово в качестве заполнителя из-за переменных, определенных в файле фрагментов terraform.json ( $ ).

Заполнение заполнителей фрагментов

На этом этапе вы можете нажать Tab и просто ввести нужные значения, не беспокоясь о том, как создать сам блок.

Зафиксировать код в Git

На данный момент вы клонировали общедоступный репозиторий GitHub, содержащий пару файлов конфигурации Terraform. Вы отредактировали несколько файлов и теперь готовы вернуть эти изменения в репозиторий GitHub.

Чтобы вернуть изменения в репозиторий GitHub, необходимо сначала использовать Visual Studio Code и Git для фиксации изменений в локальном клонированном репозитории Git. Когда вы ранее клонировали репозиторий GitHub, вы загружали не только файлы конфигурации, но и репозиторий Git.

Если вы следовали всем инструкциям, теперь у вас должен быть открыт клонированный репозиторий Git с парой ожидающих изменений, точнее двумя. Откуда ты это знаешь? Заметив число на панели действий, как показано ниже.

Когда вы откроете репозиторий Git в Visual Studio Code, вы увидите количество файлов, которые вы можете подготовить и зафиксировать в локальном репозитории Git, на панели действий.

Неустановленные коммиты Git

Нажмите элемент управления исходным кодом слева, и вы увидите два элемента; файл конфигурации infrastructure-before.tf Terraform и ранее сохраненное рабочее пространство (project.code-workspace). Файл конфигурации будет иметь красную букву M справа, указывающую на то, что он был изменен. Файл рабочей области будет помечен зеленой буквой U справа от него, потому что он не отслеживается, что означает, что он в настоящее время не находится под контролем исходного кода.

Изменение ярлыков VS Code Git

Чтобы убедиться, что оба этих файла вернутся в репозиторий GitHub, сначала создайте полезное сообщение фиксации, в котором будет указано, почему вы фиксируете эти файлы. Сообщение может быть любым описательным резюме. После того, как вы написали сообщение о коммите, подготовьте изменения. Промежуточные изменения в Visual Studio Code в Git добавляют содержимое файла в промежуточную область для подготовки к фиксации в репозитории.

На панели управления версиями щелкните значок + рядом с каждым файлом, чтобы подготовить их, как показано ниже.

Промежуточные изменения Git

После промежуточного размещения нажмите на галочку, чтобы зафиксировать все промежуточные изменения, как показано ниже.

Внесение изменений в Git

Возможно, вы получите сообщение об ошибке, указывающее, что вам нужно настроить user.name и user.email в Git.

Ваш пользователь Git не указан в конфигурации Git

Нет проблем. Вам просто нужно предоставить Git необходимую информацию. Для этого войдите в свой интегрированный терминал VS Code и выполните следующие две команды, заменив мой адрес электронной почты и имя на ваше.

Теперь попробуйте зафиксировать файлы. Теперь вы должны увидеть, что файлы зафиксированы в репозитории.

Вы можете подготовить все измененные файлы, не нажимая вручную значок + рядом с каждым файлом, зафиксировав их все сразу. VS Code автоматически создаст для вас все файлы.

Если вы работаете в команде с общим репозиторием, следующим шагом будет отправить эти изменения обратно в репозиторий GitHub или открыть запрос на вытягивание.< /p>

Заключение

VS Code — это многофункциональная интегрированная среда разработки. Он может не только помочь вам лучше писать и понимать код, но также может создавать и вносить изменения в инфраструктуру, вызывать утилиты и многое другое. VS Code предоставляет вам единое место для управления всеми вашими усилиями по разработке.

Хотя в этом учебном пособии рассмотрена лишь часть возможностей VS Code, эта IDE способна на гораздо большее. Если вы хотите узнать, на что способен VS Code, ознакомьтесь со статьей Что вам нужно знать о Visual Studio Code: учебное пособие

.

Ненавидите рекламу? Хотите поддержать писателя? Получите многие из наших руководств в виде руководства по ATA.

Ещё от ATA Learning & Partners

Резервное копирование Office 365 для чайников

Лучшее руководство по защите данных Microsoft Office 365. Изучите готовые функции безопасности.

Руководства ATA

ATA известна своими высококачественными письменными учебными пособиями в виде сообщений в блогах. Поддержите ATA с помощью электронных книг ATA Guidebook PDF, доступных в автономном режиме и без рекламы!

Visual Studio Code (VS Code) стал одним из самых популярных редакторов для веб-разработки. Он приобрел такую ​​популярность благодаря множеству встроенных функций, таких как интеграция системы управления версиями, а именно с Git. Использование возможностей Git из VS Code может сделать ваш рабочий процесс более эффективным и надежным.

В этом руководстве вы познакомитесь с интеграцией системы управления версиями в VS Code с Git.

Предпосылки

Для выполнения этого руководства вам потребуется следующее:

  • Git установлен на вашем компьютере. Дополнительные сведения о том, как это сделать, см. в руководстве по началу работы с Git.
  • Последняя версия Visual Studio Code, установленная на вашем компьютере.

Шаг 1. Знакомство с вкладкой "Управление версиями"

Первое, что вам нужно сделать, чтобы воспользоваться преимуществами интеграции системы управления версиями, — это инициализировать проект как репозиторий Git.

Откройте Visual Studio Code и получите доступ к встроенному терминалу. Вы можете открыть его с помощью сочетания клавиш CTRL + ` в Linux, macOS или Windows.

В терминале создайте каталог для нового проекта и перейдите в этот каталог:

Затем создайте репозиторий Git:

Еще один способ сделать это с помощью Visual Studio Code — открыть вкладку "Управление версиями" (значок выглядит как развилка на дороге) на левой панели:

Далее выберите Открыть папку:

Это откроет проводник для текущего каталога.Выберите нужный каталог проекта и нажмите «Открыть».

Затем выберите Инициализировать репозиторий:

Если вы сейчас проверите свою файловую систему, то увидите, что она включает каталог .git. Для этого используйте терминал, чтобы перейти в каталог вашего проекта и перечислить все содержимое:

Вы увидите созданный каталог .git:

Теперь, когда репозиторий инициализирован, добавьте файл с именем index.html .

После этого вы увидите на панели управления версиями, что ваш новый файл отображается с буквой U рядом с ним. U означает неотслеживаемый файл, то есть файл, который является новым или измененным, но еще не был добавлен в репозиторий:

Теперь вы можете щелкнуть значок плюса (+) рядом со списком файлов index.html, чтобы отследить файл по репозиторию.

После добавления буква рядом с файлом изменится на A. A представляет собой новый файл, добавленный в репозиторий.

Чтобы зафиксировать изменения, введите сообщение о фиксации в поле ввода в верхней части панели управления версиями. Затем щелкните значок проверки, чтобы выполнить фиксацию.

После этого вы заметите, что ожидающих изменений нет.

Затем добавьте немного контента в файл index.html.

Вы можете использовать ярлык Emmet для создания скелета HTML5 в VS Code, нажав кнопку ! клавишу, а затем клавишу Tab. Идите вперед и добавьте что-нибудь вроде a

В панели управления исходным кодом вы увидите, что ваш файл был изменен. Рядом с ним будет отображаться буква M, обозначающая файл, который был изменен:

Для практики зафиксируйте и это изменение.

Теперь, когда вы познакомились с взаимодействием с панелью управления исходным кодом, вы перейдете к интерпретации индикаторов поля.

Шаг 2 — Интерпретация индикаторов желоба

На этом шаге вы познакомитесь с тем, что в VS Code называется желобом. Желоб – это узкая область справа от номера строки.

Если вы раньше использовали свертывание кода, значки развертывания и свертывания находятся в поле.

Давайте начнем с небольшого изменения в файле index.html, например, изменив содержимое в

Теперь попробуйте удалить строку кода. Вы можете удалить одну из строк в разделе вашего файла index.html. Обратите внимание, что в желобе есть красный треугольник. Красный треугольник обозначает строку или группу строк, которые были удалены.

Наконец, внизу раздела добавьте новую строку кода и обратите внимание на зеленую полосу. Вертикальная зеленая полоса обозначает добавленную строку кода.

В этом примере показаны индикаторы поля для измененной строки, удаленной строки и новой строки:

Шаг 3 — Сравнение файлов

VS Code также позволяет выполнять сравнение файлов. Как правило, для этого вам придется загрузить отдельный инструмент сравнения, поэтому эта встроенная функция поможет вам работать более эффективно.

Чтобы просмотреть различия, откройте панель управления исходным кодом и дважды щелкните измененный файл. В этом случае дважды щелкните файл index.html. Вы перейдете к обычному представлению различий с текущей версией файла слева и ранее зафиксированной версией файла справа.

В этом примере показано, что в текущей версии была добавлена ​​строка:

Шаг 4 — Работа с ветвями

Переходя к нижней панели, вы можете создавать и переключать ветки. Если вы посмотрите в самый нижний левый угол редактора, вы должны увидеть значок управления исходным кодом (тот, который выглядит как развилка на дороге), за которым, скорее всего, следует мастер или имя текущей рабочей ветки.

Чтобы создать ветку, нажмите на название этой ветки. Должно появиться меню, дающее возможность создать новую ветку:

Давайте создадим новую ветку с именем test .

Теперь внесите изменения в файл index.html, указывающие на то, что вы находитесь в новой тестовой ветке, например, добавьте текст this is the new test branch .

Зафиксируйте эти изменения в тестовой ветке. Затем снова щелкните имя ветки в левом нижнем углу, чтобы вернуться к основной ветке.

После переключения обратно на ветку master вы заметите, что текст новой тестовой ветки, зафиксированный в тестовой ветке, больше не присутствует.

Шаг 5 — Работа с удаленными репозиториями

В этом руководстве мы не будем подробно рассматривать его, но с помощью панели управления исходным кодом у вас есть доступ к работе с удаленными репозиториями. Если вы раньше работали с удаленным репозиторием, вы заметите знакомые команды, такие как извлечение, синхронизация, публикация, сохранение и т. д.

Шаг 6 — Установка полезных расширений

В VS Code есть не только множество встроенных функций для Git, но и несколько очень популярных расширений для добавления дополнительных функций.

Обвинить во всем

Это расширение позволяет просматривать информацию Git Blame в строке состояния для текущей выбранной строки.

Это может показаться пугающим, но не волнуйтесь, расширение Git Blame гораздо больше практично, чем для того, чтобы заставить кого-то чувствовать себя плохо. Идея «обвинить» кого-то в изменении кода заключается не столько в том, чтобы пристыдить его, сколько в том, чтобы найти нужного человека, которому можно задать вопросы по определенным фрагментам кода.

Как вы можете видеть на снимке экрана, это расширение предоставляет тонкое сообщение, связанное с текущей строкой кода, над которой вы работаете, на нижней панели инструментов, объясняя, кто и когда внес изменения.

История Git

Несмотря на то, что вы можете просматривать текущие изменения, выполнять сравнения и управлять ветвями с помощью встроенных функций VS Code, он не обеспечивает углубленного просмотра вашей истории Git. Расширение Git History решает эту проблему.

Как вы можете видеть на изображении ниже, это расширение позволяет вам тщательно изучить историю файла, данного автора, ветки и т. д. Чтобы активировать окно Git History ниже, щелкните файл правой кнопкой мыши и выберите Git: просмотреть историю файлов:

Кроме того, вы можете сравнивать ветки и коммиты, создавать ветки из коммитов и т. д.

Объектив Git

GitLens расширяет возможности Git, встроенные в Visual Studio Code. Это поможет вам с первого взгляда визуализировать авторство кода с помощью аннотаций вины Git и линзы кода, легко перемещаться по репозиториям Git и исследовать их, получать ценную информацию с помощью мощных команд сравнения и многого другого.

Расширение Git Lens — одно из самых популярных в сообществе, а также самое мощное. В большинстве случаев оно может заменить каждое из двух предыдущих расширений своей функциональностью.

Для информации об «обвинении» справа от строки, над которой вы сейчас работаете, появляется тонкое сообщение, информирующее вас о том, кто внес изменение, когда он это сделал, и связанное сообщение фиксации. При наведении курсора на это сообщение появляется дополнительная информация, например само изменение кода, отметка времени и т. д.

Для информации об истории Git это расширение предоставляет множество функций. У вас есть легкий доступ к множеству параметров, включая отображение истории файлов, выполнение различий с предыдущими версиями, открытие определенной версии и многое другое. Чтобы открыть эти параметры, щелкните текст в нижней строке состояния, в котором указан автор, редактировавший строку кода, и время, когда она была изменена.

Откроется следующее окно:

Это расширение наполнено функциональностью, и потребуется некоторое время, чтобы освоить все, что оно может предложить.

Заключение

В этом руководстве вы узнали, как использовать интеграцию системы управления версиями с VS Code.VS Code поддерживает многие функции, которые раньше требовали загрузки отдельного инструмента.

Хотите узнать больше? Присоединяйтесь к сообществу DigitalOcean!

Присоединяйтесь к нашему сообществу DigitalOcean, насчитывающему более миллиона разработчиков, бесплатно! Получайте помощь и делитесь знаниями в нашем разделе "Вопросы и ответы", находите руководства и инструменты, которые помогут вам расти как разработчику и масштабировать свой проект или бизнес, а также подписывайтесь на интересующие вас темы.

Читайте также: