الطريقة الصحيحة لاستخدام إضافة Live server

الأمر بسيط، نقوم بتثبيت الإضافة، ثم فتح مجلد المشروع بالكامل داخل vscode، من خلال الضغط على File ثم اختر open folder.

ومن الأفضل وجود ملف index.html حيث يتم البحث عنه تلقائيًا وإلا ستظهر لك نافذة تخبرك بإختيار الملف الرئيسي للمشروع.

ستجد أسفل اليمين في المحرر زر باسم Go Live اضغط عليه وسيتم تشغيل السيرفر.

يمكنك الضغط على  open with Live server او الضغط على الزر التالي في أسف الشاشة أقصي اليسار.

وتأكد من ظهورة كلمة port وبجوارها رقم ال port وهو غالبا ما يكون 5500

وبعد التشغيل يجب أن يفتح الموقع معك تلقائيا أو يمكنك زيارة الرابط التالي مباشرة :

http://localhost:5500/

ممكن شرح تفصيلي لكيفيه فتح مجلد المشروع بداخل vscode

بتاريخ 1 دقيقة مضت قال Mohamed Eid17:

ممكن شرح تفصيلي لكيفيه فتح مجلد المشروع بداخل vscode

خطوتين فقط، اضغط على File من القائمة بالأعلى ثم اختر open folder، الآن اختر مجلد المشروع وسيتم فتحه في المحرر

بتاريخ 3 دقائق مضت قال Mohamed Eid17:

ممكن شرح تفصيلي لكيفيه فتح مجلد المشروع بداخل vscode

يمكنك تحقيق ذلك عن طريق ال cmd . 

قم بفتح ال cmd في المجلد الذى توجد فيه عن طريق كتابة كلمة cmd في العنوان .

وبعد فتح ال cmd قم بكتابة الأمر التالي :

code .

وستجد أنه تم فتح المجلد في vs code