/ / धूल जेएस टेंपरेचर दृश्य और पीढ़ी

धूल जेएस टेम्पलेटिंग विज़ुअलाइजेशन और पीढ़ी - dust.js

मैं निम्नलिखित के लिए डंपिंग टेंपलेटिंग के लिए टूल सपोर्ट जानना चाहूंगा।

  1. WYSWYG दृश्य। क्या कोई उपकरण है जिसके उपयोग से मैं html टेम्पलेट का पूर्वावलोकन कर सकता हूं जबकि मैं डस्टज टेम्पलेट फ़ाइल में संपादित कर सकता हूं।
  2. वायरफ्रेम से टेम्पलेट्स का स्वचालित निर्माण। .Html से .dust files बनाने के लिए एक टूल है
  3. क्या धूल किसी सीएमएस उपकरण के साथ एकीकृत है? एडोब एक्सपीरियंस मैनेजर में हैंडलबार की तरह।

यदि आप धूल जे एस के लिए किसी भी अच्छे उपकरण के बारे में जानते हैं तो कृपया मुझे बताएं। मैं उदात्त / परमाणु / ग्रहण आईडीई का उपयोग कर रहा हूं।

उत्तर:

जवाब के लिए 0 № 1

जैसे ही आप इसे बदलते हैं, स्वचालित रूप से एक डस्ट फ़ाइल का पूर्वावलोकन करने के लिए, आप पहले "स्वचालित डस्ट संकलन" सेट करना चाहते हैं। आप बिल्ट-इन का उपयोग करके ऐसा कर सकते हैं। dustc उपकरण, या जैसे ग्रन्ट प्लगइन के माध्यम से घुरघुराना-dustjs.

यदि आप "उपयोग कर रहे हैं dustc, आप कुछ इस तरह से करते हैं:

dustc --output=lib/compiled.js --watch templates/**/*.dust

अब, किसी भी समय ए .dust अपने टेम्प्लेट डायरेक्टरी में बदलाव करते हुए फाइल करें, टेम्प्लेट को फिर से जोड़कर उसमें रखा जाएगा lib/compiled.js। आप इस फ़ाइल को अपने पेज पर लोड कर सकते हैं और डस्ट को प्रस्तुत कर सकते हैं कि आप सामान्य रूप से कैसे करते हैं।

तब आप कुछ का उपयोग कर सकते हैं BrowserSync WYSIWYG पूर्वावलोकन प्राप्त करने के लिए विभिन्न ब्राउज़रों में अपने ऐप को फिर से लोड करने के लिए, या ग्रंट कार्य का उपयोग करके अपने आप को तार दें जैसे कि घुरघुराना-योगदान-घड़ी.

किसी भी HTML फ़ाइल एक वैध धूल फ़ाइल है। .dust फ़ाइल एक्सटेंशन isn "t special! आप अंत में आने वाली फ़ाइलों को भी पास कर सकते हैं .html धूल संकलक के लिए; यह परवाह नहीं करता है। इसलिए यदि आप कटा हुआ PSDs या अन्य वायरफ्रेम टूल से टेम्प्लेट बनाते हैं, तो उन्हें डस्ट टेम्प्लेट के रूप में संकलित किया जा सकता है। आपको बस उपयुक्त चरों को जोड़ना है।

कोई WYSIWYG संपादक उपलब्ध नहीं हैं जो धूल के साथ एकीकृत होते हैं (लेकिन स्टैक ओवरफ्लो उपकरण की सिफारिशें प्राप्त करने का स्थान नहीं है)