LESS.app जैसे आवेदन?


16

हाल ही में मुझे LESS.app नामक एक OS X एप्लिकेशन के बारे में पता चला । यह मूल रूप से *। रहित फ़ाइलों को * .css फ़ाइलों में संकलित और छोटा करने के लिए एक ऐप है और यह वास्तविक समय में करता है। मैं जानना चाहता हूं या मैं उबंटू में एक ही चीज को संग्रहीत कर सकता हूं और इसके बारे में कैसे जाना है।

जवाबों:


25

यहाँ ब्रायन। कम।

मैं बहुत कम (रूबी-आधारित एक) के पुराने संस्करण का उपयोग करने की सलाह देता हूं। लेस.जेएस लेस का सिर्फ एक जावास्क्रिप्ट पोर्ट नहीं है, यह एक ग्राउंड-अप फिर से लिखना है जो एक टन सामान में सुधार करता है, उन चीजों के लिए समर्थन जोड़ता है जो पुराने रूबी संस्करण में नहीं है, और संकलक गति को लगभग 84% बढ़ाता है।

रूबी रत्न को स्थापित करने के बजाय, Node.js स्थापित करें और कमांड लाइन से नोड के माध्यम से Less.js चलाएं । आपके पास अभी भी सभी-घड़ी की कार्यक्षमता होगी, लेकिन आप इसे करने के लिए Less.js का उपयोग करेंगे, जिसका अर्थ है कि आपका जीवन बहुत बेहतर होगा।

वैकल्पिक रूप से, आपके द्वारा बनाई जा रही वेबसाइट में स्क्रिप्ट के रूप में Less.js का उपयोग करें। यह विकास के लिए काम करेगा। जब आप कोडिंग कर रहे हों, तो बस CSS को कॉपी करें जो Less.js (आपके ब्राउज़र के इंस्पेक्टर से) उत्पन्न करता है और इसे एक फ़ाइल में रखें। एक .css एक्सटेंशन जोड़ें, फिर HTML पृष्ठों से Less.js स्क्रिप्ट टैग को हटा दें और स्थानापन्न करें। CSS फाइल जो आपने अभी बनाई है।

किसी भी तरह से, लेस का उपयोग करें।


धन्यवाद ब्रायन, मुझे पता नहीं था कि एक के अलावा एक अन्य.जिस कम्पाइलर के बारे में पता नहीं है, जिसे पेज में इंजेक्ट किया जाना है-मुझे लगता है कि उबंटू के लिए लेस.एप्प का एक पोर्ट सवाल से बाहर है। ;)
मूड


क्या कम.ज्यादा हेडलेस बिल्ड मशीनों पर काम करता है? जब मैं इसे चलाने की कोशिश करता हूं तो मुझे "ReferenceError: विंडो डिफाइन नहीं होती है"।
कैथी वान स्टोन

ध्यान दें कि कम का रूबी संस्करण अब कम चलता है। जेएस
कैथी वान स्टोन

3

ध्यान दें

पढ़ें ब्रायन का जवाब वह जानता है कि वह किस बारे में बात कर रहा है। ;-)

आप बस कम स्थापित कर सकते हैं ।

  1. माणिक और कम स्थापित करें

    sudo apt-get install rubygems
    sudo gem install less
    
  2. आधिकारिक प्रलेखन टिप्पणी:

    मणि का काम ठीक से करने के लिए आपको रत्न का पथ ~ ~ .bashrc में जोड़ना चाहिए। "

     export PATH=/var/lib/gems/1.8/bin:$PATH
    
  3. फिर आप कम संकलक का उपयोग करके कर सकते हैं

    lessc style.less
    

मुझे नहीं लगता कि आपके द्वारा लिंक किए गए एक GUI है। लेकिन चूंकि यह केवल वास्तविक कम संकलक के शीर्ष पर एक बहुत उथली गुई लगता है, मुझे नहीं लगता कि आपको सीधे इसका उपयोग करने में कोई समस्या होगी। प्रकार

lessc --help

यह जानने के लिए कि इसका उपयोग कैसे करना है।

यदि आप चाहते हैं कि आपकी .less फ़ाइलें आपके द्वारा उन्हें बदलने पर हर बार स्वचालित रूप से संकलित की जाएं, तो आप -wविकल्प का उपयोग कर सकते हैं :

~$ lessc test.less -w
* Watching for changes in test.less... Ctrl-C to abort.
: Change detected... * Updated test.css
: Change detected... * Updated test.css

आप इस प्रक्रिया को पृष्ठभूमि में Ctrl+ Zऔर टाइप करके दबा सकते हैं bg, और जितने चाहें उतने शुरू कर सकते हैं। आप उन्हें सभी नौकरियों और उनकी संख्या प्रकार की सूची प्राप्त करने के लिए fg, या fg 3तीसरी प्रक्रिया के लिए अग्रभूमि में वापस ला सकते हैं jobs


धन्यवाद! अभी मैं Less.js ( bit.ly/9bG1E9 ) का उपयोग करता हूं, लेकिन मैं रूबी कंपाइलर को आजमाऊंगा । GUI मेरे लिए महत्वपूर्ण नहीं है। लेकिन जो मुझे वास्तव में पसंद है, वह एक टूल है जो मेरी .less फ़ाइल (ओं) को देखता है और हर बार .css को संकलित करता है, जिससे मैं अपनी बेकार फ़ाइल में परिवर्तन सहेजता हूँ। यह कैसे किया जाता है, एक ऐप के माध्यम से, सीएलआई या एक गेडिट प्लग-इन मेरे लिए बहुत मायने नहीं रखता है।
मूंड

@ अच्छा, यह ऐसा है - मैं इसे जवाब में जोड़ दूंगा।
Stefano Palazzo

1
वाह! एक बार फिर धन्यवाद। ठीक वैसा ही मैं देख रहा हूं।
मूड

2

मेरी जानकारी के लिए, माणिक ऑपरेटर को संभालने के लिए भी माणिक कम अपडेट नहीं किया गया है।

उन समाधानों में रुचि रखने वाले लोगों के लिए जो कम.जेएस का उपयोग करके गैर मैक प्लेटफ़ॉर्म के लिए सहेजे जाने पर संकलित करते हैं। आप इस अधिष्ठापन गाइड की जांच कर सकते हैं *। हालाँकि, ट्यूटोरियल विंडोज उपयोगकर्ताओं की ओर सक्षम है, मुझे लगता है कि यदि आप अपने सिस्टम पर Node.js प्राप्त कर सकते हैं , तो स्क्रिप्ट स्वयं ही कार्य करेगी।

* अस्वीकरण: यह ट्यूटोरियल मेरा है। बस सोचा था कि लोग विशेष रूप से देखना चाहते हैं कि "पोस्टर का उपयोग करें।" मैं फ़ाइल को सहेजने के लिए LESS को संकलित करने के लिए Node.js का उपयोग करने के लिए कोई स्क्रिप्ट ऑनलाइन नहीं पा रहा था, इसलिए मैंने एक को पकाया और सोचा कि मैं इसे साझा करूंगा।


यह आपकी भागीदारी के लिए बहुत अच्छा है, लेकिन यह अजीब लगता है - विंडोज समाधान के लिए अपनी साइट पर एक पोस्ट का विज्ञापन करना? क्या यह ऐसा कुछ जोड़ता है जो अन्य उत्तर नहीं देता है?
बेलाक्वा

हाँ - गैर रूबी, गैर MacOSX। आप n.js स्क्रिप्ट का उपयोग कर सकते हैं जो नोड.जेएस के साथ काम करती है, इसलिए गैर-मैकओएसएक्स उपयोगकर्ता जो एनओडी.जेएस संकलित कर सकते हैं, तत्काल-गैर-संकलन का आनंद ले सकते हैं।

Node.js चलाना कठिन नहीं है। निश्चित नहीं है या मैंने इस लेख का पालन किया है कोडेड डीजल / क्लींक्स / इंस्टालेशन- एनोड- जेएस-on-ubuntu-10-04 लेकिन कुछ ही समय में Node.js की स्थापना की गई थी। लेस्ज़ को स्थापित करना हालांकि मुझे कुछ बाल खींच रहा था। मेरे पास एक बार आपके पास Node.js उबंटू पर चलने का आंकड़ा है जो आप यूसुफ के ट्यूटोरियल में चरणों का पालन कर सकते हैं।
मूड

2

Ubuntu 11.10 के तहत, आप बस एक जारी कर सकते हैं

sudo apt-get install lessc

1

आप इसे Ubuntu 12.10 में कमांड लाइन कंपाइलर भी स्थापित कर सकते हैं:

sudo apt-get install node-less

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.