Visual Studio Code Live Server لا يعمل

يحتوي VSCode على الكثير من الامتدادات الرائعة ، ويعد Live Server واحدًا من أفضلها.

بنقرتين فقط ، يتيح لك Live Server رؤية صفحتك مباشرة في متصفح حقيقي. والأفضل من ذلك ، أنه يتميز بإعادة التحميل المباشر ، لذلك إذا قمت بتحديث التعليمات البرمجية الخاصة بك ، فستنعكس التغييرات أيضًا في المتصفح.

كل ما عليك فعله هو النقر بزر الماوس الأيمن فوق ملف HTML الذي تريد عرضه ، ثم النقر بزر الماوس الأيمن ، ثم تحديد "فتح باستخدام Live Server":

ولكن ماذا لو لم يفتح Live Server متصفحك وأظهر صفحتك كما تتوقع؟ إذا كان هذا يحدث لك ، فإليك بعض الأشياء التي يمكنك تجربتها.

أعد تشغيل VSCode

أحيانًا يكون أفضل ما يمكنك فعله هو بدء VSCode من البداية.

أولا ، احفظ كل عملك. ثم أغلق VSCode ، والذي سيوقف أيضًا جميع الملحقات التي قمت بتثبيتها.

بعد ذلك ، أعد فتح VSCode وحاول مرة أخرى - انتقل إلى ملف HTML الذي تريد عرضه ، وانقر بزر الماوس الأيمن ، وحدد "فتح باستخدام Live Server".

اضبط متصفح Live Server

من المحتمل أن الامتداد يعمل ، لكن نظامك لا يحتوي على متصفح افتراضي.

حتى إذا قمت بتعيين المتصفح الافتراضي لنظامك ، فلن يضر السماح لـ Live Server بمعرفة المتصفح الذي ترغب في استخدامه بشكل صريح.

أولاً ، افتح Command Pallete مع F1 ، ثم اكتب Preferences: Open Settings (JSON)وحدد هذا الخيار.

سيؤدي هذا إلى فتح settings.jsonملف VSCode الخاص بك .

قم بالتمرير وصولاً إلى الجزء السفلي من الملف والصقه "liveServer.settings.CustomBrowser": "chrome".

قم بالتمرير حتى نهاية الملف ، أضف فاصلة بعد الإعداد الأخير ، ثم الصق "liveServer.settings.CustomBrowser": "chrome":

لاحظ أنه يمكنك أيضًا استخدام "firefox"، "safari"أو أي متصفح آخر كقيمة "liveServer.settings.CustomBrowser"للإعداد.

أخيرًا ، احفظ settings.jsonالملف وحاول تشغيل Live Server مرة أخرى.

قم بتعيين المتصفح الافتراضي لنظام التشغيل الخاص بك

حتى بعد إخبار Live Server بالمتصفح الذي تريد استخدامه ، فمن المحتمل أنه لا يزال لا يفتح صفحتك في ذلك المتصفح بشكل صحيح.

الشيء التالي الذي يجب تجربته هو تعيين المتصفح الافتراضي لنظام التشغيل نفسه.

يمكن أن تختلف الطريقة الدقيقة للقيام بذلك بناءً على نظام التشغيل الخاص بك ، لذلك من الأفضل البحث عن كيفية القيام بذلك إذا لم تكن متأكدًا.

إليك ما تبدو عليه صفحة الإعدادات في Windows:

اذهب إلى الصفحة الحية بنفسك

إذا كان Live Server لسبب ما لا يزال لا يفتح الصفحة في متصفحك تلقائيًا ، فلا تقلق. يمكنك دائمًا فتح المتصفح الذي تختاره وعرض الصفحة مباشرة.

فقط افتح المتصفح المفضل لديك وانتقل إلى //127.0.0.1:5500/.

على سبيل المثال ، إذا تم استدعاء ملفك index.html، فانتقل إلى //127.0.0.1:5500/index.html.

طالما أن Live Server قيد التشغيل ، يجب أن ترى صفحتك.

في الختام

هذه بعض الإصلاحات الشائعة التي يمكنك تجربتها إذا كان Live Server لا يعمل بالطريقة التي تتوقعها.

ابق آمنًا وسعيدًا (مباشر) للترميز.