2011-12-06 12 views
7

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

बहुत धन्यवाद

उत्तर

1

यह आप के लिए क्या देख रहे हो सकता है: livereload.com

मैं केवल सिर्फ इस अपने आप को, जबकि एक ही समस्या है, हा के लिए Googling मिल गया!

यह वर्तमान में केवल 64-बिट मैक के लिए है। यह बीटा में भी .. देव संस्करण के तहत विंडोज संस्करण।

साइट पर उल्लिखित v1 का लिंक नहीं ढूंढ रहा है?

+1

लाइवरलोड लोड नहीं किया गया है 'दस्तावेज़ को सहेजने के बिना'। – KPM

+0

सीएमडी + एस या Ctrl + एस बहुत छोटा है .. इस क्यू के अन्य समाधान शायद उतने करीब हैं जितना आप अभी प्राप्त करेंगे। एक और मैंने पाया [codekit] (http://incident57.com/codekit/help.php) था, लेकिन यह पुनः लोड करने वाली विशेषताएं केवल क्रोम/सफारी में काम करने लगती हैं - और फिर भी आपको ब्राउज़र को रीफ्रेश करने से पहले फ़ाइल को सहेजने की आवश्यकता है । यह ऐसा कुछ है जो मुझे नहीं लगता कि आप कभी भी तब तक घूमते रहेंगे जब तक कि कोई व्यक्ति पूरी तरह से ब्राउज़र एकीकृत संपादक नहीं बनाता है, या ब्राउज़र इंजन प्रारूप को मूल रूप से समर्थन देने के साथ-साथ अपने देव उपकरणों में लाइव संपादन का निर्णय लेते हैं। – shousper

+0

समस्या यह नहीं है कि यह मामूली है, लेकिन आपको डिस्क परिवर्तनों (और इस प्रकार ओवरराइट) में सहेजने की आवश्यकता है जिसे आप वास्तव में सहेजना नहीं चाहते हैं। अर्थात्, बचत का मतलब है बचत, पूर्वावलोकन नहीं। यही कारण है कि यह खराब डिजाइन है :) एस्प्रेसो/CSSEdit यह सीएसएस के लिए सही है, लेकिन वे कम (अभी तक) का समर्थन नहीं करते हैं। मुझे लगता है कि इस समय के लिए बचत सबसे अच्छी है। – KPM

0

live.js अपने समाधान :)

यह न केवल नहीं एचटीएमएल, जे एस, सीएसएस, लेकिन यह भी कम के साथ काम करता है। आप सीएसएस की फ़ाइल प्रकार के साथ यह चाल करने के लिए है:

<link rel="stylesheet/less" type="text/css" href="stylesheets/main.less.css"> 
1

आप स्थिर फ़ाइलों का उपयोग कर रहे हैं तो आप यदि आप स्थानीय होस्ट का उपयोग कर रहे, http://f.cl.ly/items/0y2G351r3O3T3j1b401u/Live-LESS-previewing-in-Espresso.html

<!-- Link directly to LESS stylesheet first --> 
<link rel="stylesheet/less" href="style.less" type="text/css" media="screen" /> 

<!-- Then link to LESS, and enable development watch mode --> 
<script src="less-1.2.1.min.js" type="text/javascript"></script> 
<script type="text/javascript" charset="utf-8"> 
    less.env = "development"; 
    less.watch(); 
</script> 
<!-- Voilà! Instant LESS previews in Espresso --> 

से इस कोड को लिया उपयोग कर सकते हैं हालांकि, मैं यह पता नहीं लगा कि यह अभी तक काम करने के लिए कैसे प्राप्त करें।

+0

पढ़ें http://blog.readingroom.com/2011/10/27/live-js-why-its-amazing-and-getting-it-to-work-with-php-files/ इससे मदद मिल सकती है। – KPM

+0

यह अभी भी परिवर्तनों को लोड करने के लिए सहेजने की आवश्यकता है। –

0

रेल स्थानीय सर्वर पर बुकमार्क संस्करण का प्रयास किया। एक हवा काम करता है! CssRefresh

+2

या तो 'दस्तावेज़ को सहेजने के बिना' मानदंड से मेल नहीं खाता है। – KPM

+0

सब्लिमे टेक्स्ट में ऑटो सेव करने में सक्षम बनाता है, इसलिए यह प्रत्येक संपादन के बाद आपके लिए परिवर्तन सहेजता है। – OB7

1

EDGE देखें। http://getedge.io - यह आपको सब्लिमे टेक्स्ट या टेक्स्टमेट से सास और कम फ़ाइलों को संपादित करने देता है। फ़ाइल को सहेजने की कोई ज़रूरत नहीं है - जैसे ही आप टाइप करते हैं, यह अपडेट होता है। आप अभी निजी बीटा के लिए साइन अप कर सकते हैं।

+0

मैं थोड़ी देर के लिए इस तरह के एक उपकरण की खोज कर रहा हूं। बीटा प्रतिलिपि पर अपना हाथ लेने की उम्मीद! –

0

मेरे सहकर्मी और मैंने दूसरे दिन http://less2css.org को मार दिया। आपको संस्करण चुनने और रीयलटाइम में अपना कम रूपांतरित करने की अनुमति देता है।

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

0

मुझे लगता है कि वहाँ ऐसी कोई ऐड-ऑन अभी, लेकिन मैं यह भी Live CSS Editor के एक प्रशंसक है (यदि आप CSS संपादित करें द्वारा क्या मतलब है कि)।

मुझे लगता है कि एसएएसएस या कम समर्थन के साथ कुछ समान होना उपयोगी होगा, इसलिए मैंने क्रोम ऐड-ऑन (लाइव सीएसएस संपादक के लिए एनालॉग) के लिए एक त्वरित प्रोटोटाइप बनाया। इसमें client-side LESS library के उपयोग के साथ वाक्यविन्यास हाइलाइटिंग और कम समर्थन शामिल है। यह अभी तक उपयोगकर्ता के अनुकूल नहीं है, इसलिए क्रोम स्टोर के लिए उम्मीदवार नहीं है, लेकिन यहां यह Google Code Project है जहां इसे अनपॅक किए गए एक्सटेंशन के रूप में क्रोम में डाउनलोड और लोड किया जा सकता है। मैं समय के साथ इसे सुधारने की कोशिश करूंगा, लेकिन कोई और भी कोशिश कर सकता है;)

स्क्रीनशॉट और थोड़ा और in this blog post हैं।

1

आप जो देख रहे हैं उसके लिए कोई पूरा समाधान नहीं है। क्रोम देव उपकरण (सास स्रोत नक्शे सक्षम) के साथ अपने सबसे अच्छे शर्त है, लेकिन मुझे नहीं लगता कि आप mixins

http://livestyle.emmet.io/ कर सकते हैं एक और विकल्प आप का प्रयास करने के

कोष्ठक चाहते हो सकता है काम करता है अच्छी तरह से जीना परिवर्तन के साथ है, लेकिन लागू होता है केवल क्रोम के लिए

यहाँ मैं क्या करना है और यह उद्देश्य में कार्य करता है और मैक/पीसी और लिनक्स में एक आकर्षण कि सास --watch देता है कि आप चलाने के एक और टर्मिनल/एप्लिकेशन है एक टर्मिनल खुला है live- तरह काम करता है पुनः लोड

आपका सास संकलित होगा और जैसे ही आपकी स्टाइलशीट बदल जाएगी, आपके सभी ब्राउज़रों को रीफ्रेश किया जाएगा लेकिन आप इसके साथ शैली इंजेक्शन नहीं कर सकते हैं, जिसका अर्थ है कि पृष्ठ रीफ्रेश होगा (यदि आप विषय संवाद करना चाहते हैं, तो आपको उन्हें फिर से खोलना होगा) लेकिन स्टाइल इंजेक्शन के साथ-साथ

आशा है कि इससे मदद मिलती है!

+1

मैंने अभी इस विकल्प का मूल्यांकन करने में कुछ घंटे बिताए हैं, और निश्चित रूप से मैं अपने वर्तमान प्रोजेक्ट के लिए इसका उपयोग करने पर विचार कर रहा हूं। मैं http://usetakana.com पर भी बीटा की जांच करने का इंतजार कर रहा हूं जो वर्कफ़्लो का एक ही राजा प्रदान करता है। –

+1

Takana एससीएसएस के लिए कमाल है, लेकिन इस टिप्पणी के रूप में कोई कम समर्थन नहीं है। – OB7

संबंधित मुद्दे