محمدحسین اسدی
محمدحسین اسدی
خواندن ۳ دقیقه·۶ سال پیش

چطور گیت و VSCode رو باهم استفاده کنیم ؟

گیت + ویژوال استودیو کد
گیت + ویژوال استودیو کد

سلام :)

اولین پست رو مینویسم به امید خدا. ان‌شاءالله که براتون مفید باشه.

میخوام نحوه استفاده از گیت رو تو ویرایشگر متن وی‌اس کد براتون توضیح بدم چون وقتی خودم هنوز بلد نبودم به زور تونستم یاد بگیرم.

قطعا این آموزش برای اساتید حرفه ای نیست و به درد تازه کار هایی مثل خودم میخوره.

من نمیخوام درمورد گیت و قابلیت هاش توضیح بدم (بهتره در مورد دستورات پایه ایش اطلاع داشته باشین) فقط میخوام باهم یاد بگیریم که چطور گیت و وی اس کد رو به هم متصل کنیم.

من تو لینوکس کار میکنم ولی احتمال قوی با سیستم عامل های دیگه زیاد فرقی نکنه.

ضمنا من از گیت لب استفاده میکنم به خاطر رایگان بودن ریپوزیتوری های خصوصیش هرچند تازگیا گیت هاب هم ریپو های شخصی رو رایگان کرده ...


خب برای اینکار اول از همه یه دایرکتوری ایجاد میکنیم و مثلا اسمش رو میذاریم gitExample

ساختن دایرکتوری
ساختن دایرکتوری

میریم و تو صفحه گیت لب لاگین میکنیم (اگه اکانت ندارید یکی بسازید) ، بعد تو زبانه Projects میریم و روی دکمه سبز رنگ New Project کلیک میکنیم.

ساختن پروژه / قسمت ۱
ساختن پروژه / قسمت ۱

با زدن اون دکمه به صفحه ای مثل صفحه پایین هدایت میشیم که اونجا اطلاعات خواسته شده رو دلخواه پر میکنیم و روی Create project کیلیک میکنیم. با جزئیاتش فعلا کاری ندارم.

ساختن پروژه / قسمت ۲
ساختن پروژه / قسمت ۲

بعد زدن دکمه کریت با همچین صحنه ای روبرو میشیم که با زدن روی دکمه New File یه فایل جدید میسازیم.

ساختن فایل
ساختن فایل

بعد از اون با صفحه ای به شکل زیر روبرو میشم که باید یه متنی تو فایل بنویسیم و کامیت کنیم. فعلا متن مهم نیست.

نوشتن یه چیزی :)
نوشتن یه چیزی :)

بعد از کامیت با صفحه ای مثل زیر روبرو میشیم.

با زدن دکمه clone صفحه زیر باز میشه که میتونیم لینک ریپوزیتوریمون رو برداریم.

این لینک بعدا لازممون میشه.

من از HTTPS استفاده میکنم
من از HTTPS استفاده میکنم

برمیگردیم به دایرکتوری خودمون که رو دستگاهمون هست.

اون دایرکتوری رو با وی اس کد باز میکنیم و خب فعلا به جز صفحه Welcome خود وی‌اس کد چیزی نیست.

صفحه ولکام وی اس کد
صفحه ولکام وی اس کد

از زبانه ترمینال یه ترمینال جدید باز میکنیم و با دستور زیر گیت رو راه اندازی میکنیم

git init

بعد از اون با دستور git pull و استفاده از لینک صفحه فایل هارو روی دستگاهمون کلون میکنیم.

git pull <url>

یوزنیم و پسورد گیت لبتون رو تو این مرحله باید وارد کنید.

نتیجه pull کردن
نتیجه pull کردن

خب الان فایل index.html اومد تو دایرکتوری لوکالی که روی دستگاهمون داریم.

فایلمون رسید :)
فایلمون رسید :)

خب الان میخوایم فایلمون رو تغییر بدیم. با اضافه کردن حتی یه حرف گیت راه میفته و تغییرات رو ثبت میکنه.

حرف M جلوی اسم فایل به معنی modified نشون میده که این فایل تغییر کرده و عدد یک هم کنار ایکون سورس کنترل ظاهر شده.

تغییر نوشته
تغییر نوشته

میریم به زبانه سورس کنترل و تغییرات رو با زدن علامت تیک کامیت میکنیم.

زبانه سورس کنترل
زبانه سورس کنترل

یه پیام یا همون مسیج هم برای کامیت میخواد که به دلخواه وارد میکنیم.

مسیج برای کامیت
مسیج برای کامیت

دوباره برمیگردیم به ترمینال و خودمون رو به عنوان ریموت تعریف میکنیم.

git remote add <name> <url>
من چون قبلا اینکار رو کردم ارور میده
من چون قبلا اینکار رو کردم ارور میده

بعد از اینکار یه ایکون کوچک به شکل ابر پایین صفحه سمت چپ اضافه میشه.

ایکون ابر
ایکون ابر

با زدن اون ایکون وی‌اس کد میخواد که تغییرات رو تو ریپو گیت لب اعمال کنه برای همین دوباره یوزر و پسورد گیت لبتون رو از تون میپرسه.

تقریبا تمومه.

برمیگردیم به صفحه گیت لبمون و با رفرش صفحه میبینیم که به تعداد کامیت ها افزوده شده و میتونیم تغییرات رو مشاهده کنیم.

خب این هم از این.

امیدوارم برای عزیزان مفید بوده باشه.

خوشحال میشم اگه ایرادات نوشته رو بهم تذکر بدید.

گیتبرنامه نویسیvscodegitgithub
ایرانیِ مسلمان و آزادی‌خواه. علاقه‌مند به گنو/لینوکس، نرم افزار آزاد، اینترنت اشیا و دیگر وجوه تکنولوژی. امید بذر هویت ماست
شاید از این پست‌ها خوشتان بیاید