اذهب إلى المحتوى

السؤال

نشر

مرحبا اني مبتدأة بتعلم البرمجة وحاليا بدأت من الصفر ودأتعلم لغة ال html

اللي احتاجه انه من دأشتغل ودأطبق وأريد التطبيق مالتي يظهر على المتصفح،لكن مديظهر، ونزلت ال live server وهم مكدرت أسويله extension وصارلي ٣ ايام على نفس الوضع ومدأكدر اسوي،

ياريت بلا زحمة أحد يشاركني رأيه ويضيفلي مساعدة.

Recommended Posts

  • 0
نشر

عند انشاء صفحة html تقومين بحفظها بامتداد .html على سبيل المثال index.html وبالتالي ستذهبين الى مسار هذا الملف وتقومين بفتحه بشكل طبيعي وسيفتح على المتصفح بحيث ان لغة ال html  لا تحتاج الى سيرفر لتشغيلها 

ان قمت باتباع هذه الطريقة فستفتح الصفحة بشكل طبيعي على المتصفح الخاص بك وستظهر النتيجة ايضا ولكنك بحاجة الى تحديثها كلما اجريتي اي تحديثات على الكود الخاص بك لذلك نقوم بتثبيت اضافة live server  ليتم تحديث الصفحة بشكل تلقائي كلما اجريتي تعديلات على الكود الخاص بك 

ولتثبيت هذه الاضافة اتبعي الخطوات التالية :

  • اذهبي الى برنامج vsCode  
  • من الشريط الجانبي اختاري ايقونة الاضافات 

image.png.d16e84b8583307a4276215caa3386a2f.png

  • ثم قومي بالبحث على live server وقومي بتثبيت اول نتيجة 

image.png.83f945a28d18617e1de2c12f779592fa.png

  • الان اضغطي ب زر الفأرة الايمن بأي مكان داخل صفحة الhtml واقومي باختيار open with live server 

image.png.1e32773caddb6fd8ab8ee4dbe2d30b13.png

وسيفتح الان بشكل تلقائي في المتصفح الافتراضي للنظام 

وبما انك بدأتي بتعلم الhtml  من جديد يمكنك الاستفادة من موسوعة حسوب الخاصة بدراسة ال html  من هنا

ومتابعة دروس ال html  من هنا

وبالتوفيق لك في مسيرتك الدراسية .. 

  • 0
نشر

غالبًا المشكلة لديكِ هي أنك لم تقومي بفتح مجلد المشروع في vscode، حيث فتح المجلد بالكامل وليس ملف index.html فقط، وذلك لكي تعمل إضافة live server.

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

الآن اضغطي على go live لتشغيل السيرفر.

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...