SassyStudio - दृश्य स्टूडियो में SCSS / SASS / कम्पास समर्थन

शुरुआत करने के लिए, SassyStudio को MIT के तहत लाइसेंस दिया गया है और परियोजना कोड GitHub पर होस्ट किया गया है । लगभग हर हफ्ते, विस्तार और नई सुविधाओं के साथ अद्यतन किया जाता है। एक्सटेंशन को Visual Studio टूल गैलरी में पाया जा सकता है।

वर्तमान कार्यक्षमता

• सिंटेक्स हाइलाइटिंग
• एक दस्तावेज़ में क्षेत्रों को संरचित और ढहाने / विस्तार करने, प्लस स्वरूपण समर्थन
• आंशिक IntelliSense समर्थन (डिफ़ॉल्ट रूप से अक्षम और एक्सटेंशन सेटिंग्स में शामिल किए जाने की आवश्यकता है)
• सीएसएस पीढ़ी

CSS Generation के बारे में

SassyStudio वर्तमान में CSS उत्पन्न करने के दो तरीकों का समर्थन करता है: आंतरिक तंत्र, जब आपको विशेष रूप से पीसी पर कुछ भी सेट करने की आवश्यकता नहीं होती है, और बाहरी, रूबी का उपयोग करते हुए और ध्यान, बुनियादी कम्पास समर्थन !

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



बाख, और कम्पास समर्थन की स्थापना!



अंतर्निहित कंपाइलर का उपयोग करते समय, सभी प्रक्रिया संसाधित होने वाली फ़ाइल की निर्देशिका में होती है, जहां तैयार सीएसएस फाइलें दिखाई देंगी। डिफ़ॉल्ट सेटिंग्स के साथ, दो फाइलें वहां दिखाई देंगी: मानक और न्यूनतम।

बाहरी संकलक समर्थन के बारे में

यह इस तथ्य पर ध्यान देने योग्य है कि डैरेन कोप एक अच्छा लड़का है! उसने मुझे काम की प्रक्रिया में खुशी और खुशी के साथ चीख़ कर दिया! वास्तव में, पहले चित्रों के रूप में, और फिर मैं समझाऊंगा:



करीब से देखें:

स्पष्टीकरण

ASP.NET MVC पर आधारित एक परियोजना है जिसमें विषयों के साथ एक फ़ोल्डर है। प्रत्येक विषय का config.rb और sass-watch.cmd फ़ाइलों के साथ अपना फ़ोल्डर होता है, अर्थात यह वास्तव में SCSS फ़ाइल संकलक के दृष्टिकोण से एक परियोजना में एक परियोजना है। तदनुसार, थीम विकसित करते समय, मैंने sass-watch.cmd फ़ाइल चलाई। कई विषयों के समानांतर विकास के साथ, मैंने इनमें से कई फाइलें चलाईं, जो काम के माहौल को खराब करती हैं और कभी-कभी भ्रम पैदा करती हैं।

बाहरी संकलक के साथ SassyStudio का उपयोग करते समय, sass-watch.cmd फ़ाइलों और समान बैच फ़ाइलों की आवश्यकता गायब हो गई। काम करते समय, config.rb फ़ाइलों को स्वचालित रूप से और एक दूसरे के स्वतंत्र रूप से उठाया जाता है। हम संपादन और सहेजने के लिए मुख्य स्टाइलशीट खोलते हैं - संकलन स्वचालित रूप से होता है। इसके अलावा, स्वचालित संकलन तब होता है जब आयात द्वारा निर्दिष्ट फाइलें संशोधित होती हैं ।

परकार

कम्पास बिना किसी अतिरिक्त हेरफेर के काम करता है। जांच की गई।



केवल एक चीज है IntelliSense। हालाँकि, यह हल है। विस्तार विकल्पों पर फिर से ध्यान दें। शामिल पथ आइटम हम क्या जरूरत है। उदाहरण के लिए, कम्पास के लिए अपना रास्ता एक पंक्ति में लिखें:

e:\Ruby190\lib\ruby\gems\1.9.0\gems\compass-0.12.2\frameworks\compass\stylesheets\

एक पंक्ति में अर्धविराम द्वारा अलग किए गए कई मार्ग हो सकते हैं।

लेखक की वेबसाइट और GitHub - समस्या पृष्ठ पर एक्सटेंशन की सुविधाओं के बारे में अधिक विस्तृत जानकारी, जबकि सबसे विस्तृत जानकारी और सभी सूक्ष्मताएं हैं। और कई सूक्ष्मताएं हैं और यह अच्छा है!

कुल मिलाकर

SassyStudio अभी भी माइंडस्केप वेब कार्यक्षेत्र (भुगतान किया गया संस्करण) के लिए कुछ कार्यक्षमता में हीन है। दूसरी ओर, SassyStudio का मुख्य व्यवसाय 100% पूर्ण है, जो संकलित है, वाक्यविन्यास हाइलाइटिंग के साथ संपादन, संचालन की गति (माइंडस्केप वेब वर्कबेन्च इस संबंध में अत्यंत अनुत्तरदायी है), इंटेलीसेनियन, यद्यपि आंशिक। किसी भी स्थिति में, SCSS / SASS + कम्पास बंडल में स्टाइल लाइब्रेरी के स्तर पर प्रभावी काम के लिए, अब के लिए WebStorm चुनना बेहतर है। और आप SassyStudio के विकास में शामिल हो सकते हैं और इस उपकरण को सभी के लिए आदर्श बना सकते हैं!