Контроль версий в коде Visual Studio с помощью Git [Руководство]

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

Visual Studio Code поддерживает Git по умолчанию, Это означает, что вам не нужно устанавливать какие-либо пакеты или расширения для его использования. Боковая панель содержит отдельный Гит Просмотр можно быстро открыть, нажав на Гит значок в панели просмотра (см. части кода VS), или нажав комбинацию клавиш Ctrl + Shift + G.

Установить Git

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

Хотя Visual Studio Code позволяет вам управлять Git визуально, если вы также хотите узнать, как использовать Git из командной строки, вот несколько полезных ресурсов:

• Интерактивный учебник Git Git
• Учебник по Git от Atlassian - Atlassian - компания, стоящая за платформой размещения исходного кода Bitbucket (аналог Github)
• Шпаргалка по Git от Atlassian (PDF) - это самый быстрый способ, если вы уже использовали Git, но не помните одну или две команды
• Весь справочник Pro Git

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

Если ваше рабочее пространство еще не отслежено Git, сначала вам нужно инициализировать новый репозиторий. Для этого нажмите кнопку Initialize git repository в Git View..

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

Сценические изменения

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

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

Подтвердить изменения

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

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

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

На скриншоте ниже вы можете увидеть, как должен выглядеть ваш редактор кода сразу после фиксации.

Следите за изменениями

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

Говоря о следующих изменениях, также важно знать о кодах Visual Studio показатели желоба которые аннотируют изменения по сравнению с вашим предыдущим коммитом, даже когда вид рядом друг с другом не открыт. VS Code использует 3 вида индикаторов желоба:

1. красный треугольник за удаление каждой строки
2. зеленая полоса за каждое добавление строки
3. синяя полоса за каждую модификацию строки

Создать филиалы

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

В Visual Studio Code вы можете создавать новые филиалы открыв палитру быстрого открытия, нажав Ctrl + P (Cmd + P на Mac), затем набрав мерзавец ветка Команда в строке ввода. Вам также нужно добавить имя вашей новой ветки в конец команды.

Так как название новой ветки в нашем примере будет Тест-ветвь, Я буду использовать git branch test-branch команда, но вы можете использовать любое другое имя. В левой части строки состояния (синяя полоса внизу экрана) вы всегда можете быстро проверить, над какой веткой вы в данный момент работаете. На скриншоте ниже вы можете видеть, что я в настоящее время на мастер ветка.

Оформить заказ Филиалы

к переключаться между ветвями, тип Git Checkout в палитру быстрого открытия (Ctrl + P / Cmd + P), и вы можете выбрать из доступных веток. На скриншоте ниже вы можете видеть из строки состояния, что я в настоящее время на ветке под названием тестовое задание (Я создал его после Тест-ветвь), и если я хочу перейти в другую ветку, теперь я могу выбрать из мастер а также Тест-ветвь ветви.

Используйте команды Git из палитры команд

Вы также можете получить доступ к командам Git из палитры команд (F1 в Windows и Linux, Shift + Cmd + P в Mac). Вам не нужно ничего делать, просто введите команду Гит внутри палитры команд, и вы получите выпадающий список доступных команд, которые вы можете быстро выбрать из.

Advanced Git Operations

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

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

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