VSCode में बहुत सारे बेहतरीन एक्सटेंशन हैं, और Live Server उनमें से एक सर्वश्रेष्ठ है।
सिर्फ कुछ क्लिक्स के साथ, Live Server आपको अपना पेज एक वास्तविक ब्राउज़र में लाइव देखने देता है। बेहतर अभी तक, इसमें लाइव रीलोडिंग की सुविधा है, इसलिए यदि आप अपना कोड अपडेट करते हैं, तो परिवर्तन ब्राउज़र में भी परिलक्षित होते हैं।
आपको बस इतना करना है कि जिस HTML फ़ाइल को आप देखना चाहते हैं उसमें राइट क्लिक करें, राइट क्लिक करें, फिर "Open with Live Server" चुनें:
Live Server एक्शन में
लेकिन क्या होगा अगर Live Server आपके ब्राउज़र को नहीं खोलता और आपकी अपेक्षा के अनुसार पेज नहीं दिखाता? यदि आपके साथ ऐसा हो रहा है, तो यहां कुछ चीजें हैं जिन्हें आप आजमा सकते हैं।
VSCode रीस्टार्ट करें
कभी-कभी सबसे अच्छा जो आप कर सकते हैं वह है VSCode को स्क्रैच से शुरू करना।
सबसे पहले, अपना सारा काम सेव करें। फिर VSCode बंद करें, जो आपके द्वारा इंस्टॉल किए गए सभी एक्सटेंशन को भी रोक देगा।
फिर, VSCode को फिर से खोलें और फिर से कोशिश करें - उस HTML फ़ाइल पर जाएं जिसे आप देखना चाहते हैं, राइट क्लिक करें, और "Open with Live Server" चुनें।
Live Server के लिए ब्राउज़र सेट करें
यह संभव है कि एक्सटेंशन काम कर रहा हो, लेकिन आपके सिस्टम में डिफ़ॉल्ट ब्राउज़र नहीं है।
भले ही आपने अपने सिस्टम के लिए डिफ़ॉल्ट ब्राउज़र सेट किया हो, यह स्पष्ट रूप से Live Server को यह बताने में कोई नुकसान नहीं पहुंचाएगा कि आप किस ब्राउज़र का उपयोग करना चाहते हैं।
सबसे पहले, F1 से कमांड पैलेट खोलें, फिर Preferences: Open Settings (JSON) टाइप करें और उस विकल्प का चयन करें।
यह आपकी VSCode settings.json फ़ाइल खोलेगा।
फ़ाइल के नीचे तक स्क्रॉल करें, अंतिम सेटिंग के बाद एक कॉमा जोड़ें, फिर "liveServer.settings.CustomBrowser": "chrome" पेस्ट करें:
ध्यान दें कि आप "liveServer.settings.CustomBrowser" सेटिंग के मान के रूप में "firefox", "safari", या किसी अन्य ब्राउज़र का भी उपयोग कर सकते हैं।
अंत में, settings.json फ़ाइल सेव करें और Live Server को फिर से चलाने का प्रयास करें।
अपने ऑपरेटिंग सिस्टम के लिए डिफ़ॉल्ट ब्राउज़र सेट करें
यहां तक कि Live Server को यह बताने के बाद कि आप किस ब्राउज़र का उपयोग करना चाहते हैं, यह संभव है कि यह अभी भी उस ब्राउज़र में आपका पेज सही ढंग से नहीं खोल रहा है।
अगली चीज जिसे आजमाना है वह है अपने ऑपरेटिंग सिस्टम के लिए डिफ़ॉल्ट ब्राउज़र सेट करना।
इसे करने की सटीक विधि आपके ऑपरेटिंग सिस्टम के आधार पर भिन्न हो सकती है, इसलिए यदि आप सुनिश्चित नहीं हैं तो इसे कैसे करें खोजना सबसे अच्छा है।
यहां Windows में सेटिंग्स पेज कैसा दिखता है:
क्रेडिट: Advitya-sharma
लाइव पेज पर स्वयं जाएं
यदि किसी कारण से Live Server अभी भी स्वचालित रूप से ब्राउज़र में पेज नहीं खोल रहा है, तो कोई चिंता नहीं। आप हमेशा अपनी पसंद का ब्राउज़र खोल सकते हैं और पेज को सीधे देख सकते हैं।
बस अपना पसंदीदा ब्राउज़र खोलें और https://127.0.0.1:5500/<your_file_name> पर जाएं।
उदाहरण के लिए, यदि आपकी फ़ाइल index.html कहलाती है, तो बस https://127.0.0.1:5500/index.html पर जाएं।
जब तक Live Server चल रहा है, आपको अपना पेज देखना चाहिए।
समापन में
ये कुछ सामान्य सुधार हैं जिन्हें आप आजमा सकते हैं अगर Live Server उस तरह काम नहीं कर रहा जैसा आप उम्मीद करते हैं।
सुरक्षित रहें, और हैप्पी (लाइव) कोडिंग।
