विज़ुअल स्टूडियो 2012 का नया संस्करण HTML / CSS / जावास्क्रिप्ट संपादकों में कई महत्वपूर्ण नवाचारों की पेशकश करता है। इस समीक्षा में मैं मुख्य नवाचारों के बारे में बात करूंगा जो वेब डेवलपर्स को कोड को तेजी से, अधिक सुविधाजनक और अधिक कुशलता से लिखने की अनुमति देगा।
एचटीएमएल 5 का संपादन
विजुअल स्टूडियो 2012 पूरी तरह से एचटीएमएल 5 और सभी नए टैगों का समर्थन करता है जो नए मानक प्रदान करते हैं। इसका मतलब यह है कि डेवलपर्स को संपादक (चित्रा 1) में नए टैगों का स्वत: पूर्णता प्राप्त होता है।
चित्र 1। HTML5 टैग पूरा होना
इसका अर्थ संपादक में मूल एचटीएमएल 5 सत्यापन समर्थन भी है। इसके अलावा, कई टैग्स के लिए, ऑटो-पूरा करने वाला तंत्र एक क्रॉस-ब्राउज़र कोड बनाता है, उदाहरण के लिए, चित्र 1 में ऑटो-पूरा करने वाला <video> स्वचालित रूप से निम्न कोड (चित्र 2) उत्पन्न करेगा।
अंजीर। २। क्रॉस-ब्राउज़र कोड पूरा करना
यह एक तिपहिया प्रतीत होगा, लेकिन बस ऐसी तिपहिया काम को और अधिक सुविधाजनक बनाते हैं। विजुअल स्टूडियो 2012 ने खुले और करीबी टैग (चित्रा 3) के तुल्यकालिक संपादन के लिए समर्थन पेश किया।
चित्र 3। खुले और बंद टैग को समान रूप से बदलें
सीएसएस काम
CSS संपादक को नवाचारों का एक बड़ा हिस्सा भी मिला। इन नई उपयोगी विशेषताओं में से एक प्रारंभिक अक्षर (चित्र 4) द्वारा सीएसएस संपत्तियों का स्वत: समापन है।
चित्र 4। CSS गुणों को प्रारंभ करें
विज़ुअल स्टूडियो 2012 ने सीएसएस वर्ग पदानुक्रम के इंडेंटेशन को ऑटोफ़ॉर्मेट करते हुए पेश किया, इसलिए नेस्टेड क्लासेस को अधिक इंडेंटेशन (चित्र 5) मिलता है।
चित्र 5। सीएसएस इंडेंटेशन
यह कार्यक्षमता हर किसी के लिए अपील नहीं कर सकती है, इसलिए यह स्वरूपण सेटिंग्स में डिफ़ॉल्ट रूप से अक्षम है।
पहले, विज़ुअल स्टूडियो संपादक, जब कोड को मान्य करते हैं, तो डेवलपर्स के कुछ विशेष हैक को नहीं समझते थे, और इसलिए आपके प्रोजेक्ट में त्रुटियां और चेतावनी दिखाई दे सकती हैं। विज़ुअल स्टूडियो 2012 में, इस तरह के कई हैक को ध्यान में रखा जाता है और संपादक एक त्रुटि (चित्र 6) के कारण इस पर विचार नहीं करता है।
चित्र 6। हैक समर्थन
एक अन्य नई उपयोगी विशेषता विक्रेता उपसर्गों (चित्रा 7) के साथ सीएसएस गुणों के लिए अंतर्निहित समर्थन थी।
चित्र 7। विक्रेता उपसर्ग समर्थन
उपसर्ग -o-, -moz-, -ms-, -webkit- समर्थित हैं। यह समर्थन और भी आगे बढ़ गया और विक्रेता के उपसर्गों के साथ CSS ऑटो-पूर्ण फ़ंक्शन कोड पूर्णता फ़ंक्शन (चित्र 8) में भी प्रस्तुत किया गया है।
चित्र 8। विक्रेता उपसर्गों के साथ क्रॉस-ब्राउज़र कोड पीढ़ी के साथ सीएसएस ऑटो-पूरा
इनमें से कुछ CSS गुण मापदंडों (चित्र 9) का समर्थन करते हैं और विज़ुअल स्टूडियो 2012 उन्हें आसानी से भरने के लिए स्निपेट प्रदान करता है (चित्र 9)।
चित्र 9। विकल्पों के साथ CSS पूरा करना
विजुअल स्टूडियो 2012 के नए सीएसएस संपादक की एक अन्य उपयोगी विशेषता वर्तमान सीएसएस फ़ाइल (चित्र 10) में परिभाषित रंगों की सूची का स्वत: पता लगाने के साथ रंग बीनने का समर्थन था।
चित्र १०। दृश्य स्टूडियो 2012 में रंग बीनने वाला
डिफ़ॉल्ट रूप से, रंग बीनने वाले को कम से कम किया जाता है और चयन के लिए वर्तमान फ़ाइल में परिभाषित रंगों की एक सूची प्रदान करता है। लेकिन आप इसका विस्तार कर सकते हैं और जल्दी से किसी अन्य रंग का चयन कर सकते हैं।
सीएसएस संपादक की एक नई उपयोगी विशेषता क्षेत्रों के लिए समर्थन है, जो पहले अन्य भाषाओं में थी, उदाहरण के लिए, C # (चित्र 11)।
चित्र 11। दृश्य स्टूडियो 2012 के सीएसएस संपादक में क्षेत्र
अन्य भाषाओं की तरह, सीएसएस क्षेत्रों को कोड के एक क्षेत्र को परिभाषित करने के लिए डिज़ाइन किया गया है जिसे आप अंतरिक्ष को बचाने के लिए नाम और पतन कर सकते हैं।
जावास्क्रिप्ट के साथ काम करना
सभी कार्यों के लिए लंबे समय से प्रतीक्षित रूपरेखा समर्थन जावास्क्रिप्ट संपादक (चित्र 12) में दिखाई दिया।
चित्र 12। जावास्क्रिप्ट कोड में रूपरेखा
यह आपको पूरी फ़ाइल की बेहतर पठनीयता के लिए कोड के अंदर कार्यों की परिभाषा को ध्वस्त करने की अनुमति देता है।
जावास्क्रिप्ट संपादक के बारे में एक छोटी सी बात अनुगामी उद्धरण चिह्न है।
जावास्क्रिप्ट संपादक के लिए एक और लंबे समय से प्रतीक्षित विशेषता "गो टू डेफिनिशन" है, जो आपको कोड में निर्दिष्ट तत्व की परिभाषा में कहीं से भी जाने की अनुमति देता है।
डेफिनिटेशन पर जाएं इस तथ्य से संभव हो गया था कि जावास्क्रिप्ट संपादक के आंतरिक को पूरी तरह से फिर से लिखा गया था। इससे DOM तत्वों और नए HTML5 टैग के लिए पूर्ण ECMAScript5 समर्थन और बहुत अधिक शक्तिशाली IntelliSense जोड़ना संभव हो गया। उदाहरण के लिए, <कैनवास> (चित्र 13)।
चित्र 13। HTML5 सपोर्ट के साथ जावास्क्रिप्ट और डोम में IntelliSense सपोर्ट
बेशक, विजुअल स्टूडियो 2012 में कोई भी ऑटो-पूर्ण और इंटेलीसेन चुने गए संपत्ति या विधि के मापदंडों के लिए प्रासंगिक मदद के साथ है।
निष्कर्ष
HTML / CSS / JavaScript कोड वेब अनुप्रयोगों के सुविधाजनक संपादन के लिए
विज़ुअल स्टूडियो 2012 ने बहुत छोटे और बड़े दोनों सुधार किए। पहले, ऐसी कार्यक्षमता के लिए तीसरे पक्ष के एक्सटेंशन को स्थापित करना आवश्यक था, अब ऐसी कोई आवश्यकता नहीं है।
फिर से लिखा गया जावास्क्रिप्ट एडिटर अब बहुत अधिक शक्तिशाली IntelliSense समर्थन प्रदान करता है, जो JS कोड के साथ काम करना बहुत कुशल बनाता है।