السلام عليكم و رحمة الله و بركاته 

متابعين موقع حلب تك الأكارم 

 

الكثير من المبرمجين المتبدئين يتساءلون ما هو Visual Studio Code و ما هي الية عمله و ما هي اللغات التي يدعمها و الكثير من الأسئلة سنجيب عنها في هذا المقال

A-في البداية سنتعرف ما هو محرر الأكواد VS code:

هو محرر نصوص برمجي من انشاء Microsoft, يتيح لمستخدم كتابة وتعديل الكود البرمجي, يدعم العديد من لعات البرمجة و يحتوى على العديد من الميزات , المحرر مفتوح المصدر و قوي و مجاني و بعمل على انظمة التشغيل (Windows, MacOS, Linux)

B-ما هي الية عمله / كيف يعمل :

يعتبر VS Code بيئة متطورة و متكاملة حيث تعتبر الواجهة الرئيسة بسيطة جدا للمبتدئين و سهلة الاستخدام و يحتوي على تافذة طرفية مدمجة تستخدم لتنفيذ الأوامر و تشغيل الادوات المختلفة و يوفر مجموعة متنوعة من الادوات و الميزات الني تساعد في تطوير البرمجيات  و البنية الاساسية بنيت باستخدام اطار الكترون (Chromium+Node.Js) و يعتمد في عمله على بروتوكول خادم اللغة لفصل تحليل الكود عن المحرر نفسه

C- ميزات VS Code:

يتميز VS Code يالسرعة و الدقة و العديد من الميزات سنذكر البعض منها:

1-يعتبر محرر كود قوي:

حيث نستطيغ استخدامه لانشاء و تعديل الكود في محموعة متنوعة من لغات البرمجة

2-نافذة طرفية مدمجة :

نستطيع استخدامها لتنفيذ الاوامر و تشغيل الادوات المختلفة مثل ادوات التحكم

3- لوحة الأوامر :

توفر طريقة سريعة و سهلة للوصول الى محموعة متنوعة من الادوات و الخيارات المتاحة

4- المستكشف: 

يساعدنا للتنقل عبر ملفات و مجلدات المشروع و ادارة الملفات

5-المصحح:

يساعدنا مصحح الاخطاء على تحديد الاخطاء و معالجتها

6- الاضافات :

نستطيع تثبيت الاضافات مع كل لغة لتوسع مجال الغمل

و الكثير من الميزات لكن لن نذكرها لعدم الاطالة

D-طريقة كتابة الكود :

-نقوم بالدخول للبرنامج ثم نقوم بانشاء ملف جديد و نستطيع كنابة الكود مباشرة لكن يجب تسمية لاحقة الملف بامتداد اللغة يعني مثلا :zakarea.html

-و نستطيع تنسيق الكود باستخدام لوحة المفاتيح مثل (Ctrl+Shift+I)

لتنسيق المستند بأكمله

E- طريقة نشغيل الكود :

نستخدم Terminal لتشغيل البرنامج من تبويب view او عن طريق الضغط على َ+Ctrl

نستخدم Debugger لاصلاح الاخطاء من تبويب view او عن طريق الضغط على Ctrl+Shift+Y

F-اضافات جديدة لتحسين العمل :

-يمكن اضافة ميزات جديدة الى المحرر من خلال الملحقات

-يمكن العثور على الملحقات قي سوق VS Code 

-بعض الاضافات الجديدة :

1-Git History:

بتعرض تاريخ ال commits بشكل واضح

2-GitLens:

بتعطيك معلومات متل مين عدل الكود و متى اخر مرة اتغير فيها الكود

3-Live Share:

منحسن من خلال هي الاضافة نشتغل مع شخص اخر بنفس الوقت وبنفس المشروع

4-Live Server:

بتقدر من خلالها تشغل موقعك ع سيرفر محلي

5- ESLint:

يساعد على اكتشاف الاخطاء في الكود و بيعمل على تحسين جودته

6-Code Runner:

بيعمل على تشغيل اجزاء الكود بسرعة

7-Rest Client:

يعمل على اختبار  APIs مباشرة داخل VS Code

8-Quokka.Js:

يعمل على عرض نتيجة الاكواد في الوقت الحقيقي يعني بالوقت يلي عم نشتغل فيه

9-Excel Viewer :

منحسن من خلالها تعرض و تعدل ملفات Excel مباشرة في VS Code 

10-vscode-pdf:

يعمل على عرض ملفات pdf داخل IDE

– و يوجد الكثير من الاضافات المهمة

G- نصائح لتعلم VS code بسرعة :

1-في البداية يجب ان نتعلم الاساسيات متل :

-اختصارات الكيبورد 

-الواجهة الرئيسية 

-التبويبات 

-الاضافات 

2- يجب ان نقوم بتثبيت الاضافات الاساسية :

-Live Share

-Live Server

-ESLint

-Prettier

– GitLens

3- معرفة كيفية استخدام Git للتحكم في الاصدارات

4-في البداية يجب ان نبدأ بكتابة مشروع بسيط مثل :

-الة حاسبة بسيطة

– عداد نقرات

-موقع HTML بسيط

H-ما هي اللغات التي يدعمها :

-يدعم جميع اللغات مثل:

1-#C

2-++C

3-PHP

4-Python

5-Java SCript

6-Java

7-HTML

8-CSS 

بالاضافة الى العديد من اللغات و الاضافات 

K-لماذا يستخدمه عدد كبير من المستخدمين حول العالم :

-ببساطة لاته برنامج قوي و بسيط و واجهته الرئيسية سهلة التعامل

-و يدعم عدد كبير من اللغات

– ويحتوي على اضافات لتحسين العمل

– سريع و يعمل غلى جميع الاجهزة

– مجاني

L- اهم اختصارات لوحة المفاتيح في VS Code :

1-Ctrl+G : الانتقال لرقم سطر معين

2-Ctrl+F: البحث في الملف الحالي

3-Ctrl+P : فتح نلف سريع بالاسم

4-+Ctrl: تقسيم الشاشة

5-Ctrl+N: فتح ملف جديد

6- Ctrl+O: فتح ملف

7-Ctrl+S: حفظ ملف

8-Ctrl+W: اغلاق الملف الحالي

9- F5:بدء تشغيل التصحيح

10- F10: التنفيذ خطوة بخطوة

11- F9: وضع/ ازالة نقطة التوقف

M- انا كمبتدئ من اين ابدأ تعلم كورسات :

– بوجد العديد من مصادر التعلم المدفوعة والمجانية سنذكر بعضها :

1- كورس VS Code في قناة Elzero Web School على اليوتيوب

للدخول اضغط هنا

2- كورس من قناة VS Code الرسمية على اليوتيوب

للدخول اضغط هنا

3-كورس VS Code من قناة Tech With Tim على اليوتيوب

للدخول اضغط هنا

– و يوجد العديد من الكورسات على الانترنت و اليوتيوب مجانا

N-تحميل VS Code من الموقع الرسمي :

يمكنك تحميل VS Code من الموقع الرسمي لانظمة التشغيل (Windows, MacOs , Linux) عبر الضغط هنا

شكراً لكم على زيارتكم لموقع حلب تك