Контроль версій у коді Visual Studio з Git [Керівництво]

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

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

Встановіть Git

Як код Visual Studio використовує програму Git на вашому комп'ютері, спочатку потрібно встановити Git. Ви можете швидко завантажити його з офіційного сайту Git. Вам потрібно встановити принаймні версія 2.0.0 щоб Git функції VS Code працювали належним чином.

Хоча Visual Studio Code дозволяє керуйте Git візуально, якщо ви також хочете дізнатися, як використовувати Git з командного рядка, ось деякі корисні ресурси:

• Інтерактивний навчальний посібник Gitub
• Підручник Atlantian Git - Atlassian - компанія, що стоїть за платформою хост-коду Bitbucket (аналогічно Github)
• Gat Cheat Sheet (PDF) Atlassian - це найшвидший спосіб, якщо ви вже використовували Git, але не пам'ятаєте одну або дві команди
• Весь підручник Pro Git

Ініціалізуйте своє сховище

Якщо ваш робочий простір ще не відстежується Git, спочатку вам потрібно ініціалізувати нове сховище. Для цього натисніть кнопку "Ініціалізація сховища git" у вікні Git.

Код VS створить a .git в робочому просторі (Ви не бачите цього з VS коду, оскільки це прихований каталог, але ви можете знайти його у вашому менеджері файлів у кореневій папці вашого проекту), і це також додайте файли, що не пройшли тестування, до бічної панелі.

Зміни етапу

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

Після натискання на потрібні файли, код Visual Studio переходить з Зміни до папки Поетапні зміни Це означає, що зараз вони є в зоні постановки. Якщо ти хочеш запускайте всі файли одночасно, біля кнопки Зміни субтитрів також (він з'являється на наведенні), і натисніть на нього.

Внесіть зміни

Поетапні зміни ще не записані, вам також потрібно здійснювати їх, щоб пізніше ви могли подивитися або повернутися до поточний стан вашого сховища. Для того, щоб здійснити поетапні зміни, потрібно додати повідомлення про фіксацію що описує зміни, внесені після попереднього фіксації.

Як у нашому прикладі це буде початковий фіксація, давайте скористаємось вражаючим “Початкове виконання” повідомлення. Введіть повідомлення повідомлення на панель введення у верхній частині бічної панелі та натисніть на маленькому значку галочки. Тепер ви готові зі своїм першим фіксацією, записується початковий стан вашого сховища.

Ваш робочий каталог Git чистий, всі зміни, які ви зробили досі, відслідковуються, і ваш Git View каже, що існує 0 змін (це завжди збігається з вашим останньою фіксацією). Якщо ви вносите нові зміни у робоче середовище, нові зміни знову з'являтимуться у бічній панелі, і вам доведеться це зробити Зробіть їх знову як тільки вони досягли суми, яку варто здійснити.

На скріншоті нижче ви можете побачити, як ваш редактор коду повинен виглядати одразу після здійснення.

Дотримуйтесь змін

Якщо ви продовжуєте свою роботу, якщо ви не впевнені, як поточна версія зіставляється з вашим останньою фіксацією, ви можете швидко перевірити відмінності. У Git View потрібно лише двічі клацніть на файлі, який потрібно проаналізувати, і VS Code показуватимуть поточні та попередні версії один за одним, так що ви можете швидко порівняйте їх.

Говорячи про наступні зміни, також важливо знати про код Visual Studio індикатори жолоба що коментує зміни порівняно з попередньою фіксацією, навіть якщо перегляд поруч не відкритий. Використовується код VS 3 види жолобів:

1. a червоний трикутник для кожного видалення рядка
2. a зелений бар для кожного додавання рядка
3. a синій бар для кожної модифікації рядка

Створити гілки

Git дозволяє працювати на різних галузях в той самий час. Це не тільки добре для експериментів з новими рішеннями, але також може значно полегшити командну роботу, де розробники можуть працювати на різних філіях (однак це не є обов'язковим, оскільки вони також можуть залишатися на одній галузі).

У Visual Studio Code ви можете створювати нові гілки відкривши палітру Quick Open, натиснувши Ctrl + P (Cmd + P на Mac), потім набравши гіт гіт на панель введення. Також потрібно додати назву вашої нової гілки до кінця команди.

Як назва нової гілки в нашому прикладі буде тест-гілка, Я буду використовувати git гілка тест-гілки , але ви можете використовувати будь-яке інше ім'я. У лівій частині рядка стану (синя смуга в нижній частині екрана) завжди можна швидко перевірити, на якій гілці ви зараз працюєте. На скріншоті нижче ви можете побачити, що я зараз на майстер відділення.

Відділення перевірки

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

Використовуйте команди Git з Палітри команд

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

Розширені операції Git

До цих пір ми розглянули, як використовувати основні операції Git у Visual Studio Code для відстеження нашої роботи. Код VS Studio також має розширені функції Git, такі як керування віддаленими сховищами, об'єднання конфліктів, а також можна налаштувати код VS як зовнішнього редактора Git.

Код Market Visual Code також містить розширення, пов'язані з Git, які можуть зробити ваш робочий процес Git ще більш професійним.

Я сам знайшов, що історія розширення Git є дуже корисною, оскільки вона дає змогу швидко подивитися на подробиці кожного фіксації і порівнювати будь-які два попередніх порушення. Ви також можете прочитати про розширення історії Git у моїй попередній статті про розширення коду VS для розробників інтерфейсу.