सभी फ्रंट-एंड डेवलपर्स के लिए एक उपहार। ग्रंट (जेड + स्टाइलस + वॉच)

नमस्कार प्रिय Habr-users!

सबसे पहले , नया साल मुबारक। मैं आपकी गतिविधि के क्षेत्र में आपके अच्छे और विकास की कामना करता हूं!

दूसरे , एक उपहार के रूप में, मैंने एक छोटा सा उपकरण तैयार किया, जिसका उपयोग मैं खुद लगभग छह महीने से कर रहा हूं। इस उपकरण के लिए न्यूनतम सेटअप समय की आवश्यकता होती है, लेकिन यह इसके उपयोग से आपको प्राप्त होने वाले रिटर्न को प्रभावित नहीं करता है।

सवाल मेकअप डिजाइनरों की अधिक संभावना है: क्या आप लगातार एक ही काम करते नहीं थक रहे हैं?

मैं एक मानक परियोजना का वर्णन करूंगा, शायद नकारात्मक रंगों में थोड़ा ...
मेरे लिए औसत परियोजना psd में 5-7 पृष्ठ है, जिसे 2-3 दिनों में करने की आवश्यकता है, जबकि गुणवत्ता को नुकसान नहीं होना चाहिए। इन समयसीमा में ग्राहक से लेकर उसके पूरे उत्साह तक सभी बदलाव शामिल हैं।

मुझे यकीन है कि अधिक उन्नत विशेषज्ञ पहले से ही समझते हैं कि मैं किस बारे में बातचीत शुरू करना चाहता हूं।

वह grunt.js जैसे टूल के बारे में बात करेंगे। सभी ने सुना, लेकिन हर कोई डरता है। चलो इसे आसान बनाते हैं, या अधिक सटीक रूप से, मैं इसे आपके लिए आसान बना दूंगा।

लेख के अंत में प्रोजेक्ट के साथ जीथब का लिंक है, बाकी मैं जिस बारे में बात करूंगा वह दर्शन और उनमें से कुछ के बारे में अधिक है। भाग।

क्या कोड के समान अनुभागों को दोहराना आवश्यक है, लेआउट में समापन टैग का एक गुच्छा लिखें, विक्रेता उपसर्गों की निगरानी करें, आदि ... हां, यहां तक ​​कि हर परिवर्तन के साथ पृष्ठ को ताज़ा करना भी पहले से ही बहुत आलसी है।

मैं इससे दूर होने का प्रस्ताव करता हूं, और खुद को परेशान करने के लिए कचरे से पीड़ित नहीं हूं।

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

यह उपकरण एक ट्रेस प्रदान करता है। विशेषताएं:

1. प्रीप्रोसेसर स्टाइलस + निब (स्वचालित रूप से सीमा-त्रिज्या, आदि जैसे गुणों के लिए विक्रेता गुण जोड़ता है)
2. जेड प्रीप्रोसेसर (HTML में समापन टैग की कमी, बाहरी ब्लॉक का कनेक्शन)
3. देखो + LiveReload (स्टाइलस और जेड से सीएसएस और एचटीएमएल में फ़ाइलों को संकलित करता है। फाइलों के बदलने पर स्वचालित पृष्ठ ताज़ा हो जाता है)
4. इमेजमिन - इमेज मिनिफ़ायर (गुणवत्ता की हानि के बिना संपीड़ित)
5. कनेक्ट - आपका लेआउट सर्वर पर लॉन्च किया जाएगा (स्थानीयहोस्ट: 3000)

जैसा कि आप देख सकते हैं, पर्याप्त अवसर हैं, लेकिन अगर आपके पास पर्याप्त नहीं है, और ग्रन्ट का अध्ययन करने की कोई इच्छा या अवसर नहीं है, तो मुझे एक व्यक्तिगत पत्र में लिखें, मैं इसे आपके लिए पूरी तरह से मुफ्त में संशोधित कर दूंगा, क्योंकि यह कुछ ही मिनटों का मामला है।

आप स्थापना निर्देशों को जीथब पृष्ठ पर पा सकते हैं। टिप्पणियों, सुझावों, कमियों, गलतियों में सवाल पूछें।

यहाँ परियोजना के लिए लिंक है: someatcher

PS आपने नोडज + एनपीएम स्थापित किया होगा। स्थापना आपके सिस्टम पर निर्भर करती है, इंटरनेट पर इस पर जानकारी बहुतायत में है।
पीपीएस मैं आपको केवल शुभकामनाएँ देता हूँ! मुझे उम्मीद है कि कुछ सवाल होंगे, और संशोधन के लिए कई इच्छाएं होंगी!

उपयोगी लिंक:
http://gruntjs.com/
http://jade-lang.com/
http://learnboost.imtqy.com/stylus/