ל- VSCode יש הרבה הרחבות נהדרות, ו- Live Server הוא אחד הטובים ביותר.
בכמה לחיצות בלבד, שרת Live מאפשר לך לראות את הדף שלך בדפדפן בפועל. יתרה מכך, הוא כולל טעינה מחדש, כך שאם אתה מעדכן את הקוד שלך, השינויים באים לידי ביטוי גם בדפדפן.
כל שעליך לעשות הוא ללחוץ לחיצה ימנית על קובץ ה- HTML שברצונך להציג, ללחוץ באמצעות לחצן העכבר הימני ואז לבחור באפשרות "פתח באמצעות שרת Live":
אבל מה אם שרת Live אינו פותח את הדפדפן שלך ומציג את הדף שלך כפי שאתה מצפה? אם זה קורה לך, הנה כמה דברים שאתה יכול לנסות.
הפעל מחדש את VSCode
לפעמים הטוב ביותר שאתה יכול לעשות הוא להפעיל את VSCode מאפס.
ראשית, שמור את כל העבודה שלך. לאחר מכן סגור את VSCode, שיעצור גם את כל ההרחבות שהתקנת.
לאחר מכן, פתח מחדש את VSCode ונסה שוב - עבור אל קובץ ה- HTML שברצונך להציג, לחץ באמצעות לחצן העכבר הימני ובחר "פתח באמצעות שרת Live".
הגדר את הדפדפן עבור שרת Live
ייתכן שהסיומת פועלת, אך למערכת שלך אין דפדפן ברירת מחדל.
גם אם הגדרת את דפדפן ברירת המחדל עבור המערכת שלך, לא יזיק להודיע ל- Live Server באיזה דפדפן ברצונך להשתמש במפורש.
ראשית, פתח את פקודת ה- 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 פועל, אתה אמור לראות את הדף שלך.
לסיום
אלה כמה תיקונים נפוצים שתוכל לנסות אם שרת Live אינו פועל כפי שאתה מצפה.
הישאר בטוח, וקידוד שמח (חי).