شرح تحميل وتثبيت محرر الأكواد VS Code
ازيكم يا أصحابي عاملين ايه؟ معاكم م/ صموئيل غالي، وفي موضوع النهاردة هنتعرف على محرر الأكواد Visual Studio Code، وهنشوف مع بعض إزاي نحمله ونثبّته خطوة بخطوة من كورس "تعلم HTML من الصفر".
مقدمة
لو بتبدأ في مجال تصميم وتطوير المواقع، فأول حاجة لازم تجهزها على جهازك هي محرر أكواد قوي وسهل في الاستخدام. ومفيش أحسن من VS Code – محرر مجاني من شركة مايكروسوفت، خفيف وسريع، وبيشتغل على كل أنظمة التشغيل.
خطوات تحميل VS Code
- افتح المتصفح وروح على الموقع الرسمي: code.visualstudio.com
- اضغط على زر Download for Windows أو حسب نظامك.
- هيبدأ تحميل ملف التثبيت تلقائيًا.
خطوات التثبيت
- شغّل ملف التثبيت اللي نزل.
- دوس "Next"، ووافق على الشروط.
- حدد مكان التثبيت أو سيبه زي ما هو.
-
فعل الخيارات المهمة زي:
- إنشاء اختصار على سطح المكتب.
- إضافة "Open with Code" لكليك يمين.
- اضغط Install، واستنى لحد ما يخلص التثبيت.
أول مرة تفتح VS Code
واجهة البرنامج بسيطة، فيها شريط جانبي لإدارة الملفات والإضافات، والجزء الأساسي في النص لكتابة الكود.
أهم الإضافات اللي ممكن تحتاجها
- Live Server: علشان تشوف شغلك مباشر على المتصفح.
- HTML Snippets: لكتابة أكواد HTML بسرعة.
- Prettier: لتنسيق الكود تلقائيًا.
مثال عملي
هتعمل فولدر جديد على سطح المكتب وتفتحه داخل VS Code، وتعمل ملف جديد اسمه
index.html وتكتب فيه الكود التالي:
<!DOCTYPE html>
<html>
<head>
<title>أول صفحة HTML</title>
</head>
<body>
<h1>أهلاً بيكم في VS Code</h1>
</body>
</html>
لو مركب إضافة Live Server، دوس كليك يمين على الملف واختر "Open with Live Server" وهتفتح الصفحة في المتصفح مباشرة.
الخاتمة
وبكده نكون عرفنا إزاي نحمل ونثبت Visual Studio Code، وكتبنا أول كود HTML باستخدامه.
لو عجبك الشرح، متنساش تعمل لايك وتشترك في القناة، وتفعل الجرس علشان توصلك باقي دروس كورس HTML وCSS.
ولو عندك أي سؤال أو محتاج توضيح، اكتبه في التعليقات وأنا هرد عليك بنفسي. استناني في الفيديو الجاي وهنكمل سوا رحلتنا في تصميم المواقع. سلام يا أبطال ✋