विजुअल स्टूडियो सी # और एएसपी.नेट

Question

के साथ विंडोज पर कम्पास का उपयोग करना क्या किसी ने मानक सी # एएसपी.नेट पर्यावरण में सीएसएस/एसएएसएस के लिए कम्पास का कोई विकास किया है?

क्या कोई एकल वितरण है जिसे मैं सिर्फ विंडोज़ के लिए जाने के लिए तैयार कर सकता हूं या क्या मुझे समीकरण के प्रत्येक टुकड़े को स्थापित करने और स्वयं को कंपास बनाने की आवश्यकता है?

क्या कोई प्लगइन है जो वीएस -2008 के साथ कम्पास मित्रता के साथ विकास कर रहा है जैसे कि कम्पास/एसएएसएस के ऑटोमैजिकल हैंडलिंग बिल्ड, सिंटैक्स हाइलाइटिंग, और/या इंटेलिजेंस सपोर्ट में?

यदि कोई वीएस आईडीई प्लगइन्स नहीं है तो कम्पास में कोडिंग को संभालने के लिए स्टैंडअलोन टेक्स्ट एडिटर के लिए सबसे अच्छे विकल्प क्या हैं?

Answer 1

(केवल एससीएसएस वाक्य रचना) पिछले जवाब पूरा करने के लिए, आप दृश्य स्टूडियो 2010 के लिए Web Workbench, एक प्लगइन स्थापित कर सकते हैं जो एस.ए.एस.एस. भाषा के लिए वाक्य रचना, Intellisence पर प्रकाश डाला और कुछ अन्य सामान जोड़ें।

यदि आप अपने सीएसएस को संकलित करने के लिए कम्पास और/या कुछ अन्य टूल का उपयोग करना पसंद करते हैं, तो आपको अंतर्निहित कंपाइलर को अक्षम करना चाहिए। मैंने यहां कुछ अन्य SASS कंपाइलर्स सूचीबद्ध किए हैं: Using SASS with ASP.NET।

अंतर्निर्मित संकलक को अक्षम करने के लिए: समाधान एक्सप्लोरर में .scss फ़ाइल का चयन करें, गुण विंडो पर जाएं और कस्टम टूल बॉक्स से टेक्स्ट हटाएं।

वेब वर्कबेंच 3 के बाद से आप अब आसानी से प्रबंधित कर सकते हैं कि आप इस प्लगइन के साथ संकलित करना चाहते हैं। माइंडस्केप> वेब वर्कबेंच सेटिंग्स मेनू आइटम देखें।

Answer 2

कम्पास के साथ आरंभ करना,

पहले हाँ मैं है रूबी और कम्पास स्रोत स्थापित करने और कम्पास के अपने संस्करण को संकलित करने के मैं कम्पास के विकी Getting Started पर दिए गए निर्देशों का पालन किया।

कम्पास प्राप्त करने के बाद और इसकी सभी निर्भरताओं को स्थापित और निर्मित करने के बाद मैंने अपनी पहली परियोजना बनाई।

compass -f blueprint project-name 

कौन सा खाका सीएसएस ढांचे के लिए कम्पास के साथ एक डिफ़ॉल्ट परियोजना बनाता है, वर्तमान में वहाँ कम्पास के लिए छवियों निर्देशिका में grid.png फ़ाइल के निर्माण के साथ कम्पास में एक बग ताकि आप मूल ग्रिड को कॉपी करने की जरूरत है। स्रोत फ़ोल्डर से पीएनजी

C:\Ruby\lib\ruby\gems\1.8\gems\chriseppstein-compass-0.8.10 
    \frameworks\blueprint\templates\project 

या इसी तरह की स्थित फ़ाइल के आधार पर जहां आपने सब कुछ स्थापित किया है। एएसपीनेट पर कंपास के साथ काम करने के लिए आईएमओ सबसे महत्वपूर्ण परिवर्तनों में से एक है कंपास के एसएएसएस कैच निर्देश को बदलना। SASS कैच आपकी प्रोजेक्ट निर्देशिका में अस्थायी फ़ोल्डरों का एक गुच्छा बनाता है, जो शायद स्रोत परिणामों के तहत समाप्त होने पर खराब परिणाम प्राप्त करेंगे। तो config.rb खोलें और इस लाइन को

sass_options = {:cache_location => 
    "#{Compass.configuration.project_path}\\tmp\\sass-cache"} 

बच निकले बैकस्लैश को नोट करना सुनिश्चित करें।

इसके बाद मैंने फ़ोल्डर्स के नामों को संशोधित किया जो कंपास का उपयोग करता है कि मैं उन्हें config.rb के अंदर नामित करना चाहता हूं और SASS और कम्पास के साथ इसे प्राप्त करना शुरू कर दिया। मैं कंपास वीडियो के लिए लंबे समय तक परिचय देखने की सलाह देता हूं, यह बहुत उपयोगी है और मैंने इससे बहुत कुछ सीखा: Watch the screen cast।

उन चीजों में से एक जो मुझे दिखाता है कि फ़ाइल सिस्टम में बदलाव के लिए कंपास को सेट करने के लिए कैसे सेट किया गया था और स्वचालित रूप से एसएसएस को एसएएस संकलित करना था।

compass -w 

का उपयोग करके यह मेरे लिए असली अच्छी तरह से काम कर रहा है, बस सुनिश्चित करें कि आप अपने सीएसएस फ़ाइलों की जाँच की या उन्हें केवल पढ़ने के लिए अगर वे स्रोत नियंत्रण में कर रहे हैं अपनी परियोजना समवर्ती checkouts का समर्थन नहीं करता बंद कर देते हैं बनाए रखें।

संपादन के लिए मैं विज्ञान का उपयोग कर रहा हूं जिसमें config.rb फ़ाइलों के लिए डिफ़ॉल्ट रूप से रूबी के साथ शामिल है या केवल VS2008 में संपादक विंडो शामिल है। सास के लिए मैं HAML website पर एक बड़ी सूची में आया। एसएएसएस के लिए सिंटैक्स फ़ाइल को हाइलाइट करने के साथ जेडिट कुछ ऐसा करने के बाद मैंने समाप्त किया था। मैं अभी भी सिंटैक्स हाइलाइटिंग के लिए एक वीएस प्लगइन खोजना चाहता हूं इसलिए मुझे किसी अन्य संपादक का उपयोग करने की आवश्यकता नहीं है, लेकिन जेडिट निश्चित रूप से काम पूरा कर रहा है।

Answer 3

मेरा उत्तर थोड़ा पुराना है। मेरे मूल उत्तर का पालन करने से पहले, मैं Nuget पैकेज SassAndCoffee. The full details can be found here की खोज करने की अनुशंसा करता हूं।

यह कैसे काम करता है?

SassAndCoffee के रूप में DLL में मूल compilers (सास 3.2.0 और CoffeeScript 1.1.0 इस लेखन के रूप में) को एम्बेड करता है और IronRuby और जुरासिक क्रमशः अपने स्रोत के खिलाफ compilers निष्पादित करने के लिए उपयोग करता है।

यह क्यों है [SOMEOTHERPROJECT] से बेहतर है?

No external processes are executed 
You don’t have to install Ruby or node.js 
It’s in NuGet so you don’t have to fiddle with web.config 
Files are cached and are rebuilt as-needed. 

Answer 4

मैं यहां एक और विकल्प जोड़ना चाहता था। तुम सिर्फ यह सुनिश्चित करें कि कम्पास सास फ़ाइलें बनाता है और सीएसएस फ़ाइलों जब आप अपने ASP.net परियोजना का निर्माण आप जोड़ सकते हैं शामिल हैं चाहते हैं अपनी परियोजना (csproj) परियोजना धारा के तहत दायर करने के लिए निम्नलिखित:

<Target Name="AfterBuild" Condition="'$(Configuration)' == 'Release' "> 
    <Exec Command="compass compile --output-style compressed --force" /> 
    <ItemGroup> 
     <Content Include="Styles\*.css" /> 
    </ItemGroup> 
</Target> 
<Target Name="AfterCompile" Condition=" '$(Configuration)' == 'Debug' "> 
    <Exec Command="compass compile" /> 
    <ItemGroup> 
     <Content Include="Styles\*.css" /> 
    </ItemGroup> 
</Target> 

पहला लक्ष्य रिलीज के लिए है और सीएसएस को भी संपीड़ित करेगा, दूसरा डीबग के लिए है।

आप अनुकूलित करने के लिए पथ परियोजना रूट फ़ोल्डर के लिए एक config.rb जोड़ने चाहते हैं:

css_dir = "Content" 
sass_dir = "Content/Sass" 

निश्चित रूप से यह सभी की आवश्यकता है कम्पास और गहरे लाल रंग का स्थापित होने के लिए और अपनी मशीन के रास्ते में किया जाना है।