विजुअल स्टूडियो 11 डेवलपर पूर्वावलोकन में नई सीएसएस संपादक सुविधाएँ

विजुअल स्टूडियो 11 डेवलपर पूर्वावलोकन के प्रारंभिक संस्करण में कई नवाचार हैं जो कई वेब प्रोग्रामर को खुश करेंगे। ऐसा ही एक नवाचार सीएसएस संपादक है, जिसे फिर से बनाया गया था। विज़ुअल स्टूडियो 2010 के पिछले संस्करण की तुलना में, संपादक के नए संस्करण में उत्कृष्ट प्रदर्शन और स्थिरता है, लेकिन सबसे महत्वपूर्ण बात सीएसएस को संपादित करने की क्षमता है। जैसे ही आप शैली को संपादित करना शुरू करते हैं, यह अलग बात नहीं है, एक अलग फ़ाइल में या एक वेब पेज में शामिल है, आप तुरंत अंतर महसूस करेंगे!

CSS मानक का तीसरा संस्करण बहुत शक्तिशाली है। लेकिन अधिक अवसर - अधिक कठिनाइयों। नया संपादक आपको इस समस्या से निपटने और वेब प्रोग्रामर की उत्पादकता को बढ़ाने की अनुमति देता है। बस सीएसएस संस्करण 1.0, 2.1 या 3.0 (डिफ़ॉल्ट) का चयन करें और संपादन शुरू करें।
पहली चीज़ जो आप देखेंगे, वह गुणों की एक लंबी सूची है, 250 से अधिक। यदि आप "-" के साथ शुरू होने वाले गुणों का चयन करते हैं, तो भी अधिक गुण दिखाई देंगे। ये विक्रेता-विशिष्ट गुण हैं।

इतनी बड़ी संख्या में संपत्तियां पहले हतोत्साहित करने वाली हो सकती हैं, लेकिन जैसे ही आप आगे लिखना शुरू करेंगे, सूची तुरंत आवश्यक सीएसएस गुणों में कम हो जाएगी:

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

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

नए संपादक में सीएसएस प्रारूपण आपको पदानुक्रमित शैली बनाने की अनुमति देता है, जिससे पठनीयता बढ़ जाती है। यह मोड टूल / विकल्प मेनू के माध्यम से सेटिंग्स में अक्षम किया जा सकता है।

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

लेकिन यह सब नहीं है। CSS Editor एक पूर्ण-दृश्य Visual Studio संपादक है। तो यह स्निपेट्स का समर्थन करता है। Cg टाइप करें और आपको एक वर्कपीस मिलेगा, जिसके गुण कॉलम मोड में भी संपादित किए जा सकते हैं:

टाइप करें "8px" और प्रत्येक संपत्ति को यह मान प्राप्त होगा, और कर्सर अगली संपत्ति में चला जाएगा।
संपादक मैनुअल / स्वचालित कनवल्शन मोड और बड़े ब्लॉकों के लिए क्षेत्रों की परिभाषा का समर्थन करता है:

आप क्षेत्रों और नियमों को ध्वस्त कर सकते हैं:

ब्लॉक टिप्पणी की भी संभावना है, बस ब्लॉक का चयन करें:

और टिप्पणी कमांड निष्पादित करें (संपादित करें / उन्नत / टिप्पणी चयन - Ctrl-K, Ctrl-C):

स्वाभाविक रूप से, ये सभी विशेषताएं नहीं हैं, आपको स्मार्ट इंडेंट्स, उत्कृष्ट इंटेलीसेंस, सभी सीएसएस गुणों और मूल्यों के टूलटिप्स, मानक सीएसएस संपादन क्षमताओं का भी उल्लेख करना चाहिए जो संपादक के पिछले संस्करण से आए थे।
स्कीमा और स्निपेट पूरी तरह से एक्स्टेंसिबल हैं। फिलहाल, विस्तार प्रबंधक के माध्यम से अपनी क्षमताओं का विस्तार करने की अनुमति देने के लिए संपादक को अंतिम रूप दिया जा रहा है। यह IntelliSence और सत्यापन को पूरक करेगा, और इसलिए तेजी से विकसित सीएसएस 3.0 मानक का अनुपालन करता है। और आपकी राय हमारे लिए महत्वपूर्ण है। नए संपादक के लिए अपनी इच्छाओं को व्यक्त करने में बहुत देर नहीं हुई है। आप इसमें और क्या संभावनाएँ देखना चाहेंगे? CSS एडिटिंग को और भी सुविधाजनक कैसे बनाया जाए? Aspnet.uservoice.com पर आपकी राय के बारे में सुनकर हमें बहुत खुशी होगी