ویژوال استودیو کد (VS Code) به راحتی یکی از محبوب‌ترین ویرایشگرها برای توسعه وب شده است. این ویرایشگر به دلیل ویژگی‌های داخلی زیادی که دارد، از جمله یکپارچگی با کنترل نسخه، به ویژه با Git، به این محبوبیت دست یافته است.
با توجه به اینکه Git یکی از محبوب‌ترین و قدرتمندترین ارائه‌دهندگان کنترل نسخه است، استفاده از قدرت آن در داخل ویژوال استودیو کد (VS Code) فقط مانند icing on the cake است.
ویژوال استودیو کد (VS Code) به طور پیش‌فرض از Git پشتیبانی می‌کند، به این معنی که شما نیازی به نصب بسته‌ها یا افزونه‌های اضافی برای استفاده از آن ندارید. Git به شما این امکان را می‌دهد که کار خود را پیگیری کنید، بین نسخه‌ها جابجا شوید و همزمان روی شاخه‌های مختلف کار کنید. اما تعداد کمی از افراد می‌دانند که چگونه آن را با GitHub استفاده کنند.
GitHub یک پلتفرم وب برای توسعه‌دهندگان است که به آن‌ها اجازه می‌دهد کد خود را ایجاد و به اشتراک بگذارند. این پلتفرم نرم‌افزار توزیع شده با کنترل نسخه را فراهم می‌کند. به عنوان مثال، شما می‌توانید تاریخچه نسخه‌های کد خود را داشته باشید. GitHub به ما این امکان را می‌دهد که به طور همزمان با چندین کاربر از سرتاسر جهان روی کد کار کنیم. این پلتفرم بیش از 100 میلیون توسعه‌دهنده دارد. GitHub در سال 2018 توسط مایکروسافت به مبلغ 7.5 میلیارد دلار خریداری شد.
Git یک سیستم کنترل نسخه توزیع‌شده (Distributed Version Control System) است که به توسعه‌دهندگان کمک می‌کند تا تغییرات در کدهای پروژه‌های نرم‌افزاری خود را مدیریت کنند. Git به شما این امکان را می‌دهد که تاریخچه‌ای از تمام تغییرات اعمال‌شده روی کدها را ذخیره کنید و همچنین به صورت همزمان بر روی پروژه‌ها با سایر توسعه‌دهندگان همکاری کنید.
از ویژگی‌های مهم Git می‌توان به موارد زیر اشاره کرد:
تاریخچه نسخه‌ها: با Git می‌توانید تاریخچه‌ای از تمام تغییرات و نسخه‌های مختلف کد خود داشته باشید.
عملکرد توزیع‌شده: هر کاربر می‌تواند نسخه‌ای کامل از پروژه را روی سیستم خود داشته باشد و تغییرات را به‌صورت محلی انجام دهد. سپس این تغییرات را به مخزن مرکزی (مانند GitHub) ارسال کند.
همکاری همزمان: Git به راحتی امکان همکاری چندین نفر را روی یک پروژه به‌طور همزمان فراهم می‌آورد، به طوری که هر فرد می‌تواند تغییرات خود را به صورت مستقل ایجاد کرده و در نهایت این تغییرات را به یک نسخه نهایی از پروژه ادغام کند.
Git به طور گسترده‌ای در صنعت نرم‌افزار برای پروژه‌های تیمی و مدیریت کد منبع استفاده می‌شود.
اولین قدم برای استفاده از GitHub با VSCode این است که Git را روی کامپیوتر خود نصب کرده و آن را در VSCode فعال کنید. این پست مراحل ساده‌ای را برای تنظیم Git و GitHub در VisualStudio Code به شما نشان می‌دهد.
درک کنید که Git، GitHub و VSCode چیستند
Git را روی کامپیوتر خود نصب کنید
Git را در VS Code فعال کنید
حساب GitHub خود را ایجاد کنید
ورود خود را پیکربندی کنید
اگر هنوز VSCode را نصب و تنظیم نکرده‌اید، ابتدا این کار را انجام دهید.
مفاهیم پایه را درک کنید
Visual Studio Code (VSCode)
یک ویرایشگر کد است که برای توسعه، اجرا و اشکال‌زدایی کد طراحی شده است.
گیت چیست؟
گیت ابزاری است که به شما این امکان را می‌دهد تا یک مخزن محلی (روی کامپیوتر خود) ایجاد کنید و نسخه‌های مختلف فایل‌های خود را مدیریت کنید.
گیت‌هاب چیست؟
گیت‌هاب یک سرویس آنلاین است که مخازن گیت شما را در فضای ابری میزبانی می‌کند.
نصب آسان گیت در ویژوال استودیو کد
گام 1: ویژوال استودیو کد را از سایت visualstudio.com دانلود و نصب کنید.
گام 2: گیت را روی کامپیوتر خود نصب کنید.
گام 3: گیت را در ویژوال استودیو کد فعال کنید.
گام 4: حساب گیت‌هاب خود را ایجاد کرده و وارد شوید.
گام 5: تنظیمات ورود خود را در گیت پیکربندی کنید.
گام 6: بررسی کنید که گیت به گیت‌هاب شما متصل باشد.
1.ویژوال استودیو کد را دانلود و نصب کنید
به سایت visualstudio.com بروید، روی دانلود کلیک کنید و نسخه مناسب سیستم عامل خود را انتخاب کنید.
2. گیت را روی کامپیوتر خود نصب کنید
در مستندات رسمی ویژوال استودیو آمده است که باید گیت را قبل از دسترسی به آن از طریق ویژوال استودیو کد نصب کنید.
برای بررسی اینکه آیا گیت قبلاً نصب شده است، می‌توانید به خط فرمان (در ویندوز) یا ترمینال (در مک) رفته و این دستور را تایپ کنید.
1 2 | $ git --versiongit version 2.20.1.windows.1 |
اگر گیت نصب نشده باشد، کافی است به سایت Git-SCM بروید و فایل اجرایی مناسب برای سیستم عامل خود را دانلود کنید.
3. فعال‌سازی گیت در VS Code
برای فعال‌سازی گیت در VS Code در سیستم‌های مک و ویندوز:
به منوی File > Preferences بروید
سپس به Settings بروید
در نوار جستجو عبارت Git: Enabled را وارد کنید
اطمینان حاصل کنید که تیک جعبه فعال است
4. ایجاد یا وارد شدن به حساب GitHub خود
برای ایجاد یک حساب کاربری در GitHub، به وب‌سایت github.com بروید و مراحل ایجاد حساب را دنبال کنید.
5. پیکربندی ورود به Git
برای پیکربندی ورود به Git، باید نام کاربری و آدرس ایمیل خود را در Git تنظیم کنیم.
برای تنظیم آدرس ایمیل خود برای commit در Git، ترمینال را باز کرده و از دستور git config استفاده کنید.
تنظیم نام کاربری در Git:
git config --global user.name "yourusername"
تنظیم آدرس ایمیل در Git:
git config --global user.email "[email protected]"
آدرس ایمیل خود را به حساب GitHub خود اضافه کنید.
اگر از احراز هویت دو مرحله‌ای (2FA) در سازمان خود استفاده می‌کنید، نیاز به ایجاد یک توکن دسترسی دارید.
۶. تأیید اتصال Git به GitHub
زمانی که اطلاعات شما در Git پیکربندی شد، می‌توانید از دستور زیر در ترمینال برای مشاهده ایمیل و نام کاربری که تنظیم کرده‌اید استفاده کنید:
$ git config --global --list
خروجی:
user.name=yourusername
[email protected]
چگونه به GitHub از VS Code متصل شویم زمانی که 2FA فعال است؟
زمانی که احراز هویت دو مرحله‌ای فعال است، شما باید مراحل اضافی را دنبال کنید تا بتوانید به یک مخزن از راه دور متصل شوید. ابتدا باید یک توکن دسترسی شخصی (PAT) در تنظیمات توسعه‌دهندگان GitHub ایجاد کنید و سپس PAT خود را در VS Code پیکربندی کنید. مراحل زیر توضیح می‌دهند که چگونه هنگام فعال بودن 2FA، VS Code را به GitHub متصل کنید.
این بود! اکنون VSCode با Git پیکربندی شده است.
برای استفاده از Git و GitHub در Visual Studio، مراحل زیر را دنبال کنید:
نصب Git: ابتدا Git را از سایت رسمی آن دانلود و نصب کنید.
پیکربندی در Visual Studio: Visual Studio به طور پیش‌فرض از Git پشتیبانی می‌کند. اگر لازم است، در Tools > Options > Source Control آن را فعال کنید.
ایجاد حساب GitHub: برای ذخیره پروژه‌ها، یک حساب GitHub بسازید.
ایجاد یا کلون کردن پروژه: پروژه جدید بسازید یا از GitHub یک پروژه را کلون کنید.
Commit تغییرات: تغییرات را در Team Explorer کمیت کنید.
Push تغییرات به GitHub: تغییرات را با استفاده از گزینه Sync به GitHub ارسال کنید.
Pull تغییرات: برای دریافت تغییرات دیگران، از گزینه Pull استفاده کنید.
استفاده از Branch ها: برای مدیریت تغییرات، از شاخه‌ها (branches) استفاده کنید و سپس آن‌ها را با شاخه اصلی ترکیب کنید.
این مراحل به شما کمک می‌کنند تا به راحتی از Git و GitHub برای مدیریت پروژه‌ها در Visual Studio استفاده کنید.
