ग्रहण के भीतर सीएसएस पूर्व प्रसंस्करण को कैसे एकीकृत करें? [बन्द है]


111

मैं ग्रहण में SCSS फ़ाइलों को संपादित करना चाहूंगा, अधिमानतः .scssफ़ाइलों के लिए सिंटैक्स हाइलाइटिंग के साथ ।

मुझे ये संसाधन मूल्यवान लगे:

मैं ग्रहण संपादक के भीतर SCSS विकास को कैसे एकीकृत कर सकता हूं?

या, आमतौर पर, मैं सीएसएस प्री-प्रोसेसर को ग्रहण में कैसे एकीकृत करूं?


जवाबों:


297

मुझे लगा कि यह ग्रहण में कैसे करना है। मैं मानता हूं कि इस समाधान में 100% SASS का समर्थन नहीं है, नेस्टेड सीएसएस का उपयोग करते समय रंगों को थोड़ा सा कायरता मिलता है, लेकिन यह सादे पाठ को देखने की तुलना में बेहतर है और आपको एक अलग संपादक स्थापित करने की आवश्यकता नहीं है।

आपको Eclipse [भाग 1] में मूल ग्रहण सीएसएस संपादक के साथ .scss फ़ाइल प्रकार को जोड़ना होगा। ऐसा करने के बाद, आपको मूल CSS संपादक में .scss फ़ाइल प्रकार जोड़ने की आवश्यकता है और साथ ही CSS संपादक इसे [भाग 2] खोलने में सक्षम होगा। यहां ग्रहण के चरण हैं (मैं वेब डेवलपर, इंडिगो के लिए ग्रहण जावा ईई आईडीई चला रहा हूं):

भाग 1 - मूल ग्रहण सीएसएस संपादक के साथ .scss फ़ाइल प्रकार को संबद्ध करें

  1. के लिए जाओ Window > Preferences

  2. के लिए नीचे ड्रिल करें General > Editors > File Associations

  3. फ़ाइल संघों फलक में, ऊपर दाईं ओर स्थित 'जोड़ें ...' बटन पर क्लिक करें।

  4. के लिए File Type:, दर्ज करें *.scssऔर फिर क्लिक करें OK

  5. सूची *.scssमें प्रविष्टि ढूंढें File Associationsऔर उसका चयन करें।

  6. *.scssनीचे फलक पर चयन करने के बाद , बटन पर Associated editors:क्लिक Add...करें।

  7. सुनिश्चित करें कि Internal editorsशीर्ष पर चुना गया है, फिर ढूंढें और चुनें CSS Editorऔर फिर क्लिक करें OK

यह फ़ाइल प्रकार .scss को ईक्लिप्स देशी CSS संपादक के साथ संबद्ध करता है। अब हमें .scss फ़ाइलों का समर्थन करने के लिए मूल CSS संपादक को कॉन्फ़िगर करना होगा। ऐसा करने के लिए, इस चरणों का पालन करें:

भाग 2 - मूल CSS संपादक में .scss फ़ाइल प्रकार जोड़ें

  1. के लिए जाओ Window > Preferences

  2. के लिए नीचे ड्रिल करें General > Content Types

  3. सामग्री प्रकार फलक में, विस्तृत करें Text, फिर चयन करेंCSS

  4. CSSचयनित होने के बाद , निचले File associations:फलक पर, Add...बटन पर क्लिक करें।

  5. के लिए Content type:, दर्ज करें *.scssऔर फिर क्लिक करें OK

  6. OKप्राथमिकताएँ विंडो बंद करने के लिए क्लिक करें ।

सब कुछ कर दिया। अब आपको बस किसी भी .scss फ़ाइलों को बंद करने की आवश्यकता है जो आपके पास खुली है फिर उन्हें खोलें और wha-la, css रंगों में ग्रहण के लिए .scss फ़ाइलों को खोलें!

नोट: यदि सीएसएस रंग दिखाई नहीं देते हैं तो आपको निम्नलिखित कार्य करने पड़ सकते हैं Right click the .scss file > Open With > CSS Editor:।

उम्मीद है की यह मदद करेगा।


7
किसी भी अतिरिक्त उपकरण को स्थापित न करने और ग्रहण का उपयोग करने के लिए +1 ... जैसा कि एक और विकल्प " colorer.sourceforge.net/eclipsecolorer " हो सकता है
spankmaster79

1
@ spankmaster79 eclipsecolorer केवल sass फ़ाइलों का समर्थन करता है (जूनो में आज)
मॉन्स droid

1
@ मॉन्सटर ने PHPStorm पर स्विच किया, बहुत तेज़, बहुत बेहतर समर्थन और घटना संपादक में सहेजने पर। इसे आजमाएँ
spankmaster79

1
eclipsecolorer scss का समर्थन नहीं करता है। यह समर्थन sass करता है। मतभेद हैं।
mrbinky3000 17

2
इसके लिए एक नोट जोड़ना: .scss फ़ाइल पर राइट क्लिक करें> ओपन के साथ> सीएसएस एडिटर उपयोग के बजाय> अन्य ... सीएसएस एडिटर पर क्लिक करें और फिर "सभी स्टाइल के लिए इस एडिटर का उपयोग करें" फाइलों पर टिक करें और 'सभी के लिए उपयोग करें' पर टिक करें। * .scss की फाइलें।
क्रिसबी

11

Aptana Studio SASS / SCSS के लिए सिंटेक्स कलरिंग सपोर्ट प्रदान करता है और Aptana को प्लग इन एक्लिप्स के रूप में स्थापित करना संभव है। Aptana डाउनलोड साइट से निम्नलिखित उद्धरण देखें:

ग्रहण के माध्यम से स्थापित करना

कृपया निम्न अपडेट साइट URL को अपने क्लिपबोर्ड पर कॉपी करें और फिर इस URL को अपनी उपलब्ध सॉफ़्टवेयर साइट्स सूची में जोड़ने के लिए नीचे दिए गए चरणों का पालन करें। अपने वेब ब्राउज़र का उपयोग करके इस URL तक पहुँचने का प्रयास एक पहुँच अस्वीकृत त्रुटि लौटाएगा।

http://download.aptana.com/studio3/plugin/install

  1. सहायता मेनू से, नया सॉफ़्टवेयर स्थापित करें डायलॉग खोलने के लिए »" नया सॉफ़्टवेयर स्थापित करें ... "चुनें।
  2. अपडेट साइट के URL को टेक्स्ट बॉक्स के साथ कार्य में पेस्ट करें, और Enter (या रिटर्न) कुंजी दबाएं।
  3. नीचे आबादी तालिका में, प्लग-इन के नाम के बगल में स्थित बॉक्स को चेक करें, और फिर अगला बटन पर क्लिक करें।
  4. लाइसेंस पृष्ठ पर जाने के लिए अगला बटन क्लिक करें।
  5. लाइसेंस समझौते की शर्तों को स्वीकार करने का विकल्प चुनें, और फिनिश बटन पर क्लिक करें।
  6. जारी रखने के लिए आपको ग्रहण को पुनः आरंभ करने की आवश्यकता हो सकती है।

2
ज्ञात हो कि अप्टाना का अपना थीम कलरिंग है। यदि आप एक निश्चित ग्रहण रंग थीम के लिए उपयोग किए जाते हैं, तो आप Aptana प्लगइन स्थापित करने पर इसे पूरी तरह से छोड़ने के लिए तैयार करें।
स्टर्म

बुरा विचार! पूरी तरह से मेरे ग्रहण संपादकों को तोड़ दिया।
ब्रांनिस्लाव लाजिक

6

आप नवीनतम ग्रहण प्लग-इन "Colorer" का उपयोग कर सकते हैं जो अब SASS फ़ाइलों का समर्थन करता है। यहाँ यह है: http://colorer.sourceforge.net/eclipsecolorer/index.html

"नया सॉफ़्टवेयर स्थापित करें" ग्रहण में "सहायता" मेनू से और प्लग-इन स्थापित करने के लिए "काम के साथ" बॉक्स में " http://colorer.sf.net/eclipsecolorer " दर्ज करें


क्या यह स्वचालित (यानी ctrl + space) को पूरा करने का समर्थन करता है?
फुजो

बहुत अधिक त्रुटि दिखा रहा है! लगभग हर पंक्ति पर
सौरभ बानी

Eclipse में नया सॉफ्टवेयर उपलब्ध है जिसे "लाइसेंसलिप्स" कहा जाता है, जो कि अधिकांश लैंगुग्स के साथ काम करता है
Fadi Nouh
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.