एज और विजुअल स्टूडियो कोड। वेब डेवलपर्स के लिए एक शानदार संयोजन

मैं कबूल करता हूं, मुझे माइक्रोसॉफ्ट के उत्पाद पसंद हैं। बिल्कुल विंडोज़ नहीं, लेकिन चूँकि Apple और Google ने मोबाइल बाज़ार में इसे पछाड़ दिया है, कंपनी ने कई बहुत ही दिलचस्प ओपन सोर्स एप्लिकेशन विकसित किए हैं, जिनमें एज और वीएस कोड मेरे दो पसंदीदा हैं।

इसलिए मुझे लगा कि ये तो बहुत अच्छा है ब्राउज़र डेवलपर टूल को कोड संपादक में एकीकृत करने का निर्णय। हालाँकि, यह मुझे चिंता करने से नहीं रोकता है कि यह वेब रेंडरिंग इंजनों में आभासी एकाधिकार को मजबूत करने में मदद करता है।
माइक्रोसॉफ्ट ने अभी घोषणा की है कि यह अब उपलब्ध है वीएस कोड एक्सटेंशन के लिए नया माइक्रोसॉफ्ट एज टूल्स। यह नया एक्सटेंशन डेवलपर्स को संपादक के भीतर से उनके ब्राउज़र में शामिल डेवलपर टूल का उपयोग करने की अनुमति देगा।

लेख की शुरुआत में आप जो स्क्रीनशॉट देख रहे हैं, वह लिनक्स पर विज़ुअल स्टूडियो कोड के विकास संस्करण की मेरी अपनी स्थापना का है।

नया एक्सटेंशन डेवलपर्स को उपयोग करने की अनुमति देता है ऐप के भीतर से एज एलिमेंट्स और नेटवर्क टूल। इस तरह आप स्टाइल, लेआउट और सीएसएस समस्याओं का पता लगा सकते हैं और कोई अन्य प्रोग्राम खोले बिना कोड को संशोधित कर सकते हैं।

यह उस कमी को ठीक करता है जो कुछ डेवलपर्स लिनक्स में गायब थे। ब्लूग्रिफॉन को छोड़कर, जो भुगतान किया जाता है, ऐसा कोई एप्लिकेशन नहीं था जो साइट को देखने की क्षमता के साथ एक शक्तिशाली संपादक को जोड़ता हो।

सिद्धांत रूप में, मुफ्त सॉफ्टवेयर के प्रति माइक्रोसॉफ्ट की प्रतिबद्धता (जो, हालांकि कई लोगों को याद नहीं है, कंपनी के राष्ट्रपति पद पर स्टीव बाल्मर के आखिरी दिनों की है) उन डेवलपर्स को आकर्षित करने के लिए थी जो तेजी से कोड विकल्पों को प्राथमिकता दे रहे थे। खुला। बिना किसी संदेह के, वे नए एक्सटेंशन से होने वाली डिबगिंग समय में कमी की सराहना करेंगे।

अभी तक यह टूल दो अलग-अलग एक्सटेंशन के रूप में प्रायोगिक चरण में था।
n टास्कबार.

एक्सटेंशन सेटिंग्स उपयोगकर्ताओं को ब्राउज़र खोलने के दो तरीके चुनने की अनुमति देती हैं। हेडलेस मोड में, ब्राउज़र एक अलग विंडो में नहीं खुलता, बल्कि संपादक के बाएँ फलक में खुलता है।

मुख्य समर्थित सुविधाओं में माइक्रोसॉफ्ट एज ब्राउज़र को रिमोट डिबगिंग मोड में लॉन्च करने के लिए डिबग कॉन्फ़िगरेशन और टूल का स्वचालित कनेक्शन शामिल है।

यह टैब और एक्सटेंशन जैसे डिबग करने योग्य लक्ष्यों को सूचीबद्ध करने के लिए एक साइडबार दृश्य और एक स्क्रीन-कास्टिंग सुविधा भी प्रदान करता है जो डेवलपर्स को आपके पेज और कोड को एक साथ देखने की अनुमति देता है।

एक महत्वपूर्ण बात यह है कि वहMicrosoft Edge स्थापित करने के लिए एक्सटेंशन को हाँ या हाँ की आवश्यकता होती है। ऐसा लगता है कि यह क्रोम या किसी अन्य ब्राउज़र के साथ काम नहीं करता है।

एज और विज़ुअल स्टूडियो कोड क्या उपकरण लिनक्स पर काम करेंगे?

यह ध्यान देने योग्य बात है. हालाँकि एक्सटेंशन पहले से ही वीएस कोड एक्सटेंशन स्टोर में है, और लिनक्स उपयोगकर्ता इसे इंस्टॉल कर सकते हैं, एज ब्राउज़र के परीक्षण संस्करण तक पहुंच पाने के लिए अक्टूबर में कुछ समय तक इंतजार करना होगा  (हालांकि मुझे लगता है कि आप सिम्लिंक का उपयोग करके कुछ काम कर सकते हैं)।

आरंभिक रिलीज़ में स्नैप, फ़्लैटपैक या ऐपिमेज जैसे क्रॉस-प्लेटफ़ॉर्म प्रारूपों के बजाय मूल पैकेजों का उपयोग करके उबंटू, फेडोरा और ओपनएसयूएसई सहित प्रमुख लिनक्स वितरण के लिए पैकेज होंगे। फिलहाल इसे केवल प्रोजेक्ट पेज से ही डाउनलोड किया जा सकता है।

यह ज्ञात है कि Microsoft खातों का उपयोग करके सिंक्रनाइज़ेशन विकल्पों को छोड़कर, पहले परीक्षण संस्करणों में विंडोज और मैक संस्करणों के समान विशेषताएं होंगी। इसलिए, यह आशा की जाती है कि यह उस एक्सटेंशन के साथ पूरी तरह से एकीकृत होगा जिस पर हम चर्चा कर रहे हैं।

एक्सटेंशन का उपयोग कैसे करें

एक्सटेंशन का उपयोग करने की प्रक्रिया इस प्रकार है
1) माइक्रोसॉफ्ट एज का कोई भी संस्करण स्थापित करें।
2) वीएस कोड इंस्टॉल करें
3) वीएस कोड एक्सटेंशन के लिए माइक्रोसॉफ्ट एज टूल्स इंस्टॉल करें
4) Microsoft Ede एक्सटेंशन के लिए डिबगर इंस्टॉल करें।
5) वह फ़ोल्डर खोलें जिसमें वह प्रोजेक्ट है जिस पर आप काम करना चाहते हैं।

उन लोगों के लिए जिन्हें माइक्रोसॉफ्ट से कोई लेना-देना पसंद नहीं है, आप वीएस कोडियम का उपयोग करने का प्रयास कर सकते हैं, वीएस कोड स्रोत कोड, सभी माइक्रोसॉफ्ट टेलीमेट्री टूल्स को डीबग करना और सिस्टम को यह सोचने पर मजबूर करना कि क्रोमियम एज है। निःसंदेह मुझे पूरा यकीन नहीं है कि यह काम करता है।

अधिक जानकारी