प्रयास में मरने के बिना ArchLinux में स्टाइलस स्थापित करें

लेखनी एक कोड प्री-प्रोसेसर है सीएसएस, जो हमें अपने पाठ संपादक में और अधिक सरलता से काम करने की अनुमति देता है और फिर मैं अपने बयान के कारणों की व्याख्या करता हूं।

यह एक स्टाइल शीट है जैसा कि हम जानते हैं:

body {फ़ॉन्ट: 12px हेल्वेटिका, एरियल, संस-सेरिफ़; } a.button {-webkit-border-radius: 5px; -मोज़-बॉर्डर-त्रिज्या: 5 पीएक्स; सीमा-त्रिज्या: 5 पीएक्स; }

और यह उसी स्टाइलशीट के साथ बनाया जाएगा स्टाइलस:

बॉडी फॉन्ट 12px हेल्वेटिका, एरियल, sans-serif a.button -webkit-border-radius 5px -moz-border-radius 5px सीमा-त्रिज्या 5px

चाबियाँ कहाँ है? अर्धविराम, बृहदान्त्र कहाँ था? भुला दिया, लेखनी हमारे लिए वही करता है।

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

प्रोग्रामर्स अजगर वे अंदर मिल जाएगा लेखनी कुछ ऐसा ही है जो वे करने के लिए अनुकूलित कर रहे हैं, के बाद से आप केवल जादू करने के लिए सही ढंग से इंडेंट करने की जरूरत है।

स्थापना

के लिए लेखनी काम हमें स्थापित करना होगा Node.js जो सामुदायिक शाखा में है, इसलिए हम इसे करने के लिए आगे बढ़ते हैं:

$ sudo pacman -S nodejs

और बाद में हम स्टाइलस स्थापित करते हैं। पारंपरिक तरीका होगा:

$ npm install -g stylus

यह ठीक है, लेकिन यह मेरे लिए काम नहीं करता है, इसलिए AUR से इसे स्थापित करना बहुत आसान है:

$ yaourt -S nodejs-stylus

स्टाइलस का उपयोग कैसे करें

ठीक है, हम पहले ही स्थापित कर चुके हैं Node.js और हमने स्थापित किया है लेखनी.. हम इसका प्रयोग कैसे करते हैं? यह आसान है। मान लें कि हमारे पास निम्न फ़ाइलों के साथ एक निर्देशिका है:

- dir - index.html - style.css

हमें जो करना है वह फाइल बनाना है स्टाइल। स्टाईल, जिस पर हम काम करने जा रहे हैं। उस फ़ाइल में हम कुछ इस तरह हो सकते हैं:

बॉडी बैकग्राउंड-कलर #ffff फॉन्ट-साइज 12px. a.button कलर रेड पैडिंग 10px

अगर हम कोई बदलाव करते हैं या करते हैं तो कुछ भी नहीं होता है, क्योंकि हम अपनी फाइल को "कंपाइल" नहीं कर रहे हैं। इसे संकलित करने के लिए, हम जो करते हैं वह हमारी निर्देशिका में एक टर्मिनल खोलना है (जहां फ़ाइल है स्टाइल। स्टाईल) और हम निष्पादित करते हैं:

stylus -c style.styl

लेकिन हर बार हम फाइल को सेव कर लेते हैं स्टाइल। स्टाईल हमें कोड निष्पादित करना होगा, लेकिन सौभाग्य से यह आवश्यक नहीं है, क्योंकि यदि हम एक ही कमांड निष्पादित करते हैं, लेकिन पैरामीटर जोड़ रहे हैं -w (घड़ी) निम्नलिखित होता है:

स्टाइलस -c -w style.styl देख रहे हैं /usr/lib/node_modules/stylus/lib/functions/index.styl संकलित style.css देख शैली। शैली संकलित शैली .cs संकलित style.css

दूसरे शब्दों में, फ़ाइल स्वचालित रूप से संकलित है .. क्या परिणाम होगा?

body {पृष्ठभूमि-रंग: #fff; फ़ॉन्ट-आकार: 12px} a.button {color: # f00; गद्दी: 10px}

जैसा कि आप देख सकते हैं, न केवल हमारा कोड हमें बनाता है सीएसएस, लेकिन अनावश्यक रिक्त स्थान को समाप्त कर देता है ताकि हमारी स्टाइल शीट का वजन कम हो

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