اگر به بررسی سیستم های محبوب در دنیای برنامه نویسی بپردازیم، گیت هاب پلتفرمی است که به هیچ عنوان نمی توانیم از آن گذر کنیم. در میان ادیتور های کد نیز، ویژوال استودیو، یکی از پرکاربرد ترین ویرایشگر های کد می باشد که در زمان های مختلف مورد استفاده قرار میگیرد. اما آیا می توان کار با گیت هاب همراه ویژوال استودیو را انجام داد؟
پاسخ به این سوال ساده است، بله. شما میتوانید اتصال گیت هاب به ویژوال استودیو را انجام دهید و از این دو پلتفرم محبوب به صورت همزمان استفاده کنید. در اینجا به صورت کامل آموزش گیت هاب در ویژوال استودیو Visual Studio code را مورد بررسی قرار دادیم. شما می توانید در مدت زمان کوتاهی این آموزش را اجرا کنید.
قبل از اینکه بتوانید با GitHub کاری انجام دهید، باید مطمئن شوید که می توانید احراز هویت کنید. به طور معمول، این پروسه می تواند یک فرآیند خسته کننده و چند مرحله ای باشد که شامل تولید و کار با کلیدهای SSH می شود. یکی از مزایای استفاده از Visual Studio Code برای کار با GitHub این است که تمام تنظیمات احراز هویت را برای شما انجام می دهد. قبل از هر چیزی باید بدانید که پیش نیاز این آموزش، آموزش گیت هاب می باشد. توصیه می کنید تا آموزش گیت هاب را از سایت امیر رسولی که به صورت تخصصی با سرفصل های استاندارد ارائه شده است، مشاهده کنید.
می توانید نماد حساب را در پایین نوار فعالیت انتخاب کنید و با حساب GitHub خود وارد شوید. یک مرورگر باز میشود و از شما خواسته میشود که به Visual Studio Code اجازه دسترسی به GitHub را بدهید.
این مرحله برای اتصال Visual Studio Code به GitHub لازم است. هیچ اطلاعات حساسی را ذخیره نمی کند. پس از انتخاب Continue، به Visual Studio Code هدایت خواهید شد.
هنگامی که در Visual Studio Code وارد حساب GitHub خود می شوید، افزونه های مختلف یا بخش هایی از Visual Studio Code اکنون می توانند به اطلاعات حساب GitHub شما دسترسی داشته باشند. پس از ورود به سیستم، میتوانید انتخاب کنید کدام افزونههای Visual Studio Code مجاز به استفاده از احراز هویت GitHub شما هستند.
برای دیدن همه برنامههای افزودنی که از حساب GitHub شما استفاده میکنند، نماد حساب را انتخاب کنید، نام کاربری GitHub خود را انتخاب کنید و Manage Trusted Extensions را انتخاب کنید. GitHub به GitHub داخلی و ویژگی های کنترل منبع در Visual Studio Code اشاره دارد.
خواهید دید که افزونه GitHub Pull Requests and Issues نیز دسترسی دارد. شما می توانید این دسترسی را در هر زمان لغو کنید. همیشه می توانید از طریق منوی چرخ دنده نیز از حساب GitHub خود در Visual Studio Code خارج شوید.
بهعنوان یک کاربر Visual Studio Code که در GitHub احراز هویت شده است، پیشرفتهایی در گردش کار GitHub خود خواهید داشت. یکی از این پیشرفتها، امکان انتشار یک پروژه از دستگاه شما به طور مستقیم در GitHub است.
اگر با پروژه جدیدی شروع می کنید که هنوز آن را به GitHub پوش کرده اید، روند راه اندازی آن در GitHub چندین مرحله دارد:
Visual Studio Code دارای یک ویژگی انتشار داخلی است که این فرآیند را کاملاً خودکار می کند و به شما امکان می دهد آن را مستقیماً از رابط Visual Studio Code انجام دهید.
دو راه برای انتشار یک پروژه در GitHub از ویژوال استودیو کد وجود دارد: از نمای مدیریت کنترل منبع (SCM) و از پالت فرمان. برای مشاهده این گزینه ها باید یک پوشه در Visual Studio Code باز کنید.
اگر قبلاً یک مخزن برای پروژه خود راه اندازی نکرده اید، می توانید پروژه را مستقیماً از نمای SCM منتشر کنید.
می توانید با انتخاب نماد SCM در نوار فعالیت، نمای SCM را در Visual Studio Code تغییر دهید. دکمه ای را می بینید که می گوید Publish to GitHub.
با انتخاب این دکمه فرآیند انتشار شروع می شود:
اگر پروژه شما قبلاً برای GitHub به صورت محلی شروع شده باشد، دکمه انتشار را در نمای SCM نخواهید دید. همچنان می توانید با استفاده از گزینه Publish to GitHub در پالت فرمان، پروژه خود را در GitHub منتشر کنید.
این فرایند همان گردش کاری را آغاز می کند که دکمه Publish در نمای SCM انجام می دهد، و دقیقاً همان مراحل را دارد. اگر پروژه شما از قبل حاوی فایل .gitignore باشد، از شما خواسته نمی شود که چه مواردی را می خواهید push کنید.
به طور معمول، قبل از اینکه بتوانید کد خود را منتشر کنید، باید یک مخزن در GitHub ایجاد کنید. Visual Studio Code به شما امکان می دهد این کار را مستقیماً از ویرایشگر انجام دهید. مراحل زیر به شما کمک می کند یک پروژه جدید ایجاد کنید و آن پروژه را از Visual Studio Code در GitHub منتشر کنید. این بخش از آموزش می تواند جزو مهمترین سرفصل های کار با گیت هاب همراه ویژوال استودیو باشد.
README.md را ایجاد کنید
فایل README همان چیزی است که افراد هنگام بازدید از مخزن شما در Github.com می بینند.
# My GitHub Project
This is my GitHub project. I published it directly from Visual Studio Code.
ایجاد .env.development
بسیاری از برنامه ها از نوع فایل .env برای تعریف اطلاعات برنامه ای که محرمانه است استفاده می کنند. شما نباید اطلاعات محرمانه (مانند رشته های اتصال پایگاه داده) را به GitHub پوش کنید.
CONNECTION_STRING=secret-that-should-not-be-pushed-to-github
این پروژه اکنون در GitHub منتشر خواهد شد.
تصور کنید می خواهید در پروژه دیگری که در GitHub پیدا کرده اید مشارکت کنید. میخواهید این مخزن از راه دور را روی رایانه محلی خود بیاورید تا بتوانید از آن استفاده کنید. همچنین میخواهید مخزن را کاوش کنید و نحوه عملکرد آن را درک کنید تا بتوانید مشارکت معناداری داشته باشید.
هنگامی که یک مخزن را از GitHub شبیه سازی می کنید، یک کپی از آن مخزن در دستگاه شما دانلود می شود. اگر از طریق Git CLI کلون می کنید، باید اعتبار GitHub خود را وارد کنید. همچنین باید URL راه دور مخزن محلی را تنظیم کنید. URL راه دور مورد نیاز است تا Git بداند تغییرات شما را کجا اعمال کند.
میتوانید با استفاده از Visual Studio Code Explorer یا پالت فرمان، یک مخزن را از GitHub کلون کنید. اگر پنجره جدیدی دارید که پوشه ای باز نیست، می توانید Explorer را از نوار فعالیت یا با انتخاب View > Explorer تغییر دهید. یک دکمه Clone Repository را خواهید دید.
اگر پوشهای باز در Visual Studio Code دارید، دکمه Clone Repository را نمیبینید، اما همچنان میتوانید با وارد کردن Git: Clone یک مخزن را از پالت دستور کلون کنید.
وقتی Git: Clone را انتخاب می کنید، گزینه ای برای وارد کردن URL مخزن یا انتخاب Clone از GitHub مشاهده می کنید. لیستی از مخازن ایجاد شده در GitHub.com را مشاهده می کنید. حتی می توانید از اینجا برای مخازن دیگر در سراسر GitHub.com جستجو کنید.
وقتی مخزنی را که می خواهید کلون کنید انتخاب کردید، Visual Studio Code آن را از طریق HTTPS کلون می کند. پس از اتمام کار، Visual Studio Code از شما می خواهد که پوشه را باز کنید. Visual Studio Code URL راه دور را تنظیم می کند، بنابراین لازم نیست نگران پیکربندی چیزی باشید.
آموزش اتصال گیت هاب به Visual Studio یکی از فعالیت هایی است که می توان گفت همه توسعه دهندگان به آن نیاز خواهند داشت. زمانی که گیت هاب در ویژوال استودیو کار کند، شما می توانید بخش های مختلفی را در ادیتور خود ویرایش کنید و در بسیاری از فعالیت ها به سادگی فرآیند مورد نظر انجام خواهد گرفت. در نتیجه توصیه می شود تا این آموزش را به صورت دقیق دنبال کنید و در صورتی که سوالی در مورد این مطلب داشتید، حتما در ادامه سوالات خود را در کامنت ها از ما بپرسید. این مطلب توسط تیم تحریریه سایت امیر رسولی ارائه شده است. سایت امیر رسولی به صورت تخصصی در زمینه آموزش برنامه نویسی و آموزش گیت و گیت هاب فعالیت دارد.
منبع: امیر رسولی