كيفية Commit و Push لمشروعك الى الـ Github (في VS Code)

Visual Studio Code (VSCode) هو محرر تعليمات برمجية يساعدك على تطوير وتشغيل وتصحيح الكود البرمجي الخاص بكو يسهل عليك البرمجة من خلال تمييز بناء الجملة المضمن وإكمال التعليمات البرمجية.

في هذا المنشور، سأوضح كيفية إنشاء مستودع Github الخاص بك واستنساخه والعمل معه في VSCode.

البدء باستخدام Visual Studio Code و Github

قبل أن نتمكن من دفع (push) التعليمات البرمجية إلى Github من Visual Studio Code، نحتاج إلى التأكد من أننا قمنا بالخطوات التالية:

1. تثبيت VS Code
2. إنشاء حساب Github
3. تثبيت Git
4. قم بإعداد Git وGithub في VSCode
5. إنشاء مستودع Github في Github
6. استنساخ مستودع Github في VS Code

بمجرد الانتهاء من هذه الخطوات، سينتهي بنا الأمر بنسخة محلية من مستودع مشروعنا على موقع Github. يمكننا البدء في تعلم كيفية Commit و Push إلى Github من VS Code.

Commit و Push إلى Github من VS Code

لـ Commit و Push التعليمات البرمجية إلى Github من Visual Studio Code، افتح المشروع داخل VS Code، وقم بإجراء أي تعديل على الملف أو المجلدات، وقم بتنظيم التغييرات، وأخيرًا Commit بالتغييرات ودفعها من لوحة التحكم المصدر. فيما يلي الخطوات التالية:

1. افتح المشروع في VS Code
2. إنشاء ملف .gitignore (اختياري ولكن موصى به)
3. حفظ التغييرات على ملفاتك
4. مرحلة التغييرات في لوحة التحكم المصدر (Source Control Panel)
5. قم بتنفيذ Commit الأول في VS Code
   مثال: git commit -m "update the README.md with link to contributing guide"
6. Push و Commit إلى Github من VS Code

افتح المشروع في VS Code

إذا لم تكن قد فتحت المشروع الذي تم إنشاؤه حديثًا في VSCode عندما تم سؤالك عما إذا كنت تريد فتح المستودع مسبقًا، فقد حان الوقت للقيام بذلك.

انقر فوق File > Open، وانتقل إلى المستودع المستنسخ وانقر على "Open".

إنشاء ملف .gitignore

بعد ذلك، يوصى بإنشاء ملف ‎.gitignore قبل الالتزام بأي شيء على Github. عندما تلتزم بشيء ما وتدفعه إلى Github، قد ترغب في استبعاد بعض الأشياء من التزامك: بيانات الاعتماد (لأغراض أمنية)، أو أشياء أخرى مثل مساحات عمل VS Code (لأفضل الممارسات).

احفظ التغييرات في ملفك

الخطوة الأولى بعد إجراء أي تغييرات هي حفظ الملف الخاص بك. اضغط على CTRL+S (في نظام التشغيل Windows)، أو Command+S (في نظام Mac)، أو انتقل إلى ملف > حفظ.

سيؤدي هذا الإجراء إلى إحضار ملفك إلى لوحة التحكم المصدر في VS Code.

مرحلة التغييرات في لوحة التحكم المصدر

قبل أن تتمكن من تنفيذ تغييراتك على Git، يتعين عليك تنظيم تغييراتك في VS Code. للقيام بذلك، انتقل إلى لوحة التحكم المصدر في VS Code.

وانقر على علامة + الموجودة بجوار الملف (الملفات) التي تريد تنظيمها للالتزام بها. (وهذا يعادل git add على منفذ الأوامر Terminal).

Commit التغييرات في VS Code

لـ Commit التغييراتك داخل Visual Studio Code، انتقل إلى لوحة التحكم المصدر، وأضف تعليق Commit فوق التغييرات المرحلية، وانقر فوق الزر Commit.

Push و Commit إلى Github

الخطوة الأخيرة هي Push  و  Commit  إلى Github. فقط اضغط على النقاط الثلاث ... ثم اضغط على "Push".

عند الانتهاء من كل شيء، ارجع إلى مستودع Github الخاص بك وتأكد من أن ملف .gitignore الخاص بك قد تم دفعه إلى Github ويحتوي على آخر رسالة التزام قمت بإضافتها بجواره مباشرةً.

كيفية عمل Push للكود إلى Github من VSCode

لدفع (push) التعليمات البرمجية من Visual Studio Code إلى GitHub، افتح Terminal في VS Code وقم بتنفيذ الأمر git push origin master. استبدل origin باسم المستودع البعيد master باسم الفرع المراد دفعه. قد تحتاج إلى المصادقة باستخدام حساب GitHub الخاص بك إذا لم تقم بذلك بالفعل.

git add index.html

git commit -m "daily update"

git push origin main
// git push REMOTE-NAME TAG-NAME

لا تنسوا الدعاء لاخوتنا في فلسطين.