آموزش وصل کردن GitHub به VS Code

در این مطلب می آموزید که چگونه GitHub را به VS Code متصل کنید و همچنین چگونه یک برنامه افزودنی مفید را برای مدیریت درخواست‌ها و مشکلات نصب کنید.

Virtual Studio Code که با نام VS Code نیز شناخته می شود، یکی از محبوب ترین محیط های توسعه یکپارچه (IDE) است. این برنامه رایگان است، با تعداد زیادی زبان کار می کند، استفاده از آن آسان است و هزاران برنامه افزودنی را ارائه می دهد.

یکی دیگر از دلایلی که چرا VS Code گزینه بسیار خوبی است این است که کار با کدهای موجود در مخزن GitHub را برای شما ممکن و آسان می کند. نه تنها می‌توانید یک مخزن GitHub اضافه کنید، بلکه می‌توانید درخواست‌ها و مشکلات GitHub pull را بهتر بررسی و مدیریت کنید با یک برنامه افزودنی مفید به نام GitHub Pull Requests and Issues.

من ابتدا به شما نشان می دهم که چگونه افزونه را نصب کنید و به حساب GitHub خود وارد شوید. پس از انجام این کار، ما یک مخزن GitHub به VS Code اضافه خواهیم کرد.

این مطلب هم بخوانید: سلول های مغز در یک ظرف آزمایشگاهی یاد گرفتند که پنگ بازی کنند

آنچه شما نیاز خواهید داشت

تنها چیزهایی که برای انجام این کار به آن نیاز دارید، یک نمونه در حال اجرا از VS Code و یک حساب GitHub است که می توانید به آن وارد شوید. من با VS Code در سیستم عامل Pop!_OS نشان خواهم داد، بنابراین شما باید فرآیند نصب Git را برای مطابقت با سیستم عامل خود تغییر دهید. خودشه. بیا انجامش بدیم.

نحوه نصب Git

اولین کاری که باید انجام شود نصب Git است. VS Code اتوماتیک گیت را نصب نمی کند، بنابراین باید آن را به صورت دستی انجام دهید.

برای نصب git بر روی یک توزیع مبتنی بر اوبونتو، یک پنجره ترمینال را باز کنید و دستور را صادر کنید:

sudo apt-get install git -y

پس از اتمام فرمان، آماده ادامه دادن هستید.

نحوه نصب افزونه GitHub Pull Requests and Issues

VS Code را باز کنید و روی نماد چرخ دنده در گوشه سمت چپ پایین کلیک کنید. از منوی پاپ آپ (شکل A)، روی Extensions کلیک کنید.

بیاموزید که چگونه GitHub به VS Code اضافه کنید و همچنین چگونه یک برنامه افزودنی مفید را برای مدیریت درخواست‌ها و مشکلات نصب کنید. — شکل A: منوی تنظیمات VS Code.

در پنجره ایجاد شده (شکل B)، GitHub را تایپ کنید و سپس روی Install for GitHub Pull Requests and Issues کلیک کنید.

من ابتدا به شما نشان می دهم که چگونه افزونه را نصب کنید و به حساب GitHub خود وارد شوید. پس از انجام این کار، ما یک مخزن GitHub به VS Code اضافه خواهیم کرد. — شکل B: نصب افزونه GitHub Pull Requests and Issues در VS Code.

پس از نصب، یک نماد جدید GitHub را در نوار کناری VS Code خواهید دید. روی آن نماد کلیک کنید و یک دکمه ورود به سیستم (شکل C) را مشاهده خواهید کرد.

شکل C: قبل از اینکه بتوانید از افزونه استفاده کنید، باید وارد GitHub شوید.

روی Sign In کلیک کنید، یک پاپ آپ باز می شود که به شما اطلاع می دهد Visual Studio Code می خواهد با استفاده از GitHub وارد سیستم شوید. روی Allow کلیک کنید، مرورگر پیش فرض شما باز می شود. اگر قبلاً به حساب GitHub خود وارد نشده اید، این کار را انجام دهید. پس از احراز هویت موفقیت‌آمیز، به VS Code هدایت می‌شوید، جایی که می‌بینید افزونه اکنون به حساب GitHub شما متصل است و آماده استفاده است (شکل D).

چگونه یک مخزن خاص GitHub را به VS Code اضافه کنیم

اکنون، ما یک مخزن GitHub را به VS Code اضافه می کنیم. می‌خواهید با مرورگر پیش‌فرض خود به حساب GitHub خود بازگردید و آدرس مخزنی را که می‌خواهید اضافه کنید پیدا کنید. هنگامی که به مخزن مورد نظر پیمایش کردید، روی منوی کشویی Code کلیک کنید و URL را در زیر HTTPS کپی کنید (شکل E).

به VS Code برگردید و روی نماد Source Control در ناوبری سمت چپ (سوم از بالا) کلیک کنید. در پنجره Source Control (شکل F)، روی Clone Repository کلیک کنید.

اکنون باید یک نوار آدرس را در بالای پنجره VS Code مشاهده کنید (شکل G).

شکل G: نوار آدرس کنترل منبع کد VS جایی است که URL را برای مخزن خود قرار می دهید.

آدرس مخزن خود را در نوار آدرس قرار دهید و روی صفحه کلید Enter را بزنید. سپس از شما خواسته می شود که یک مکان مخزن محلی را انتخاب کنید. برای این کار، فقط یک دایرکتوری را در پاپ آپ مدیر فایل پیدا کنید تا منبع را در خود جای دهد.

وقتی این کار را انجام دادید، مرورگر وب پیش‌فرض شما دوباره باز می‌شود و از شما می‌خواهد اجازه دسترسی VS Code به حساب را بدهید. هنگامی که از شما خواسته شد، روی Authorize Visual Studio-Code کلیک کنید، که شما را به VS Code هدایت می کند، جایی که باید به برنامه اطلاع دهید که به نویسندگان اعتماد دارید (شکل H).