क्या सैस (एससीएसएस) कोड के लिए कोई कोड ब्यूटीफायर फॉर्मेटर है? मुझे पता है कि एससीएसएस कंपाइलर द्वारा उत्पन्न आउटपुट सीएसएस कोड को कैसे प्रारूपित किया जाए, लेकिन एससीएसएस कोड को स्वयं ऑटो फॉर्मेटिंग कैसे दें?क्या कोई सास कोड फॉर्मेटर्स हैं?

मैंने कुछ ऑनलाइन सीएसएस फॉर्मेटर की कोशिश की है लेकिन वे एससीएसएस कोड के साथ काम नहीं करते हैं।

अगर मैं उन्हें करने के लिए इस दे

.list5 { 
    border-bottom: 1px solid #f2f2f1; 
    padding: 0 0 20px 0; 
    margin: 0 0 20px 0; 
ul li { 
    margin: 0 0 5px 25px !important; 
    height: auto !important; 
    background: none !important; 
    font-size: 14px; 
    padding: 18px 3px 5px !important; 
    width: 169px !important; } 
}

वे इस निर्गम

.list5 { 
    border-bottom: 1px solid #f2f2f1; 
    padding: 0 0 20px 0; 
    margin: 0 0 20px 0; 
    margin: 0 0 5px 25px !important; 
    height: auto !important; 
    background: none !important; 
    font-size: 14px; 
    padding: 18px 3px 5px !important; 
    width: 169px !important; 
}

जो इस हिस्से को हटाने ul li {}

स्रोत

2012-03-21 Jitendra Vyas

ऑनलाइन

पेस्ट करें अपने CSS/SCSS/LESS में dirtystylesheet.com के लिए और हिट स्वच्छ

वाया कमांड लाइन

आप फिर से प्रारूप CSS/SCSS/Sasssass-convert स्क्रिप्ट का उपयोग कर सकते हैं के माध्यम से कमांड लाइन: एससीएसएस से

$ sass-convert messy.scss clean.scss

या सीएसएस:

$ sass-convert messy.css clean.scss

या एसएएसएस से एसएएस:

$ sass-convert messy.scss clean.sass

sass-convert स्क्रिप्ट स्थापित करते समय sass-convert स्क्रिप्ट स्थापित है। यह सीएसएस, एसएसएस, और एसएएस के बीच किसी भी दिशा को परिवर्तित कर सकता है।

पहुँच में निर्मित मदद: $ sass-convert --help
http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#syntax
http://sass-lang.com/docs/yardoc/#executables

उन्नत उपयोगकर्ता टिप:

sass-convert बारे में और जानें क्योंकि sass वाक्य रचना बहुत सख्त है (केवल एक property: value की इजाजत देता है प्रति पंक्ति जोड़ी) आप गन्दा कोड के साथ किसी समस्या में चलाने की संभावना कम हैं।

स्रोत

2012-03-25 00:14:41

कुछ भी फ़ॉर्मेट करने के लिए SassBeautify सिफारिश कर सकते हैं? ग्रहण प्लगिंग? :) –

@ xchg.ca मैंने एक मूल सब्लिमे टेक्स्ट 2 प्लगइन बनाया है जो सैस-कन्वर्ट का उपयोग करता है https://github.com/badsyntax/SassBeautify – badsyntax

@ xchg.ca - आपको अपने रूबी में sass-convert.bat मिलना चाहिए स्थापित बिन फ़ोल्डर। – Mikepote

मैं Pretty Diff के माध्यम से कोड भाग गया और मैं इस उत्पादन मिल गया:

.list5 { 
    border-bottom:1px solid #f2f2f1; 
    padding:0 0px 20px 0px; 
    margin:0 0px 20px 0px; 
    ul li { 
     background: none !important; 
     font-size: 14px; 
     height: auto !important; 
     margin: 0px 0px 5px 25px !important; 
     padding: 18px 3px 5px !important; 
     width: 169px !important; 
    } 
}

है कि क्या आप के लिए देख रहे हैं? यह सीएसएस के लिए अजीब लग रहा है।

स्रोत

2012-03-29 11:12:03 austincheney

हमम, सुंदर डिफ से एससीएसएस के लिए सौंदर्यीकरण अपूर्ण है, लेकिन कार्यात्मक प्रतीत होता है। मैं इस तत्काल उदाहरण से त्रुटियों को देखने के लिए काम कर रहा हूं। – austincheney

क्या आप सुंदर डिफ के निर्माता हैं? –

सुंदर डिफ आपके चर से "$" स्ट्रिप करेगा।

आप कोशिश कर सकते हैं: http://www.prettyprinter.de/

यह सही नहीं है लेकिन कम से कम यह नेस्टेड नियमों के लिए एक अतिरिक्त स्तर indents और क्या मैंने देखा है सब एससीएसएस सामान अछूता रहता है से (.ie इसे बाहर पट्टी नहीं है)।

सादर

स्रोत

2012-06-04 01:25:35 ziku

http://hilite.me/ - सास और एससीएसएस

JSFiddle रूप में अच्छी तरह चाल क्या करेंगे समर्थन करता है। बस TidyUp बटन

स्रोत

2012-09-30 02:07:57 Jason

hilite.me भयानक है, धन्यवाद! –

मारा आप उदात्त पाठ का उपयोग करते हैं मैं जल्दी से किसी भी सास/एससीएसएस खिड़कियों उपयोगकर्ता के लिए https://packagecontrol.io/packages/SassBeautify

स्रोत

2015-04-21 10:39:03 richimgd

क्या कोई सास कोड फॉर्मेटर्स हैं?

उत्तर

ऑनलाइन

वाया कमांड लाइन

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