क्या सीएसएस फाइलों को स्वचालित रूप से प्रारूपित करने के लिए कोई ऐप है?

Question

मेरे पास एक संपीड़ित सीएसएस फ़ाइल है (सभी सफेद जगह हटा दी गई है) जिसे मैं निरीक्षण करना चाहता हूं, लेकिन यह एक बड़ा दर्द है जैसा कि यह है। क्या कोई उपयोगिता (अधिमानतः लिनक्स कमांड लाइन) है कि मैं इसे अच्छी तरह प्रारूपित करने के लिए फ़ाइल चला सकता हूं?

Answer 1

मैं तुम्हारे लिए रूबी में एक छोटे से फ़ॉर्मेटर लिखा था। कुछ .rb फ़ाइल के रूप में सेव करें और ruby format.rb input.css input-clean.css तरह CLI के माध्यम से इसका इस्तेमाल करते हैं:

#Formats CSS 

input, output = ARGV 

#Input 
if input == nil or output == nil 
    puts "Syntax: #{$0} [input] [output]" 
    exit 
end 

#Opens file 
unless File.exist? input 
    puts "File #{input} doesn't exist." 
    exit 
end 

#Reads file 
input = File.read input 
#Creates output file 
output = File.new output, "w+" 

#Processes input 
input = input.gsub("{", "\n{\n\t") 
     .gsub(",", ", ") 
     .gsub(";", ";\n\t") 
     .gsub(/\t?}/, "}\n\n\n") 
     .gsub(/\t([^:]+):/, "\t" + '\1: ') 

#Writes output 
output.write input 

#Closes output 
output.close 

Answer 2

this online service आज़माएं।

आप फायरबग में किसी भी संपीड़ित फ़ाइल का भी निरीक्षण कर सकते हैं।

Answer 3

इन कार्यक्रमों को 'beautifiers' कहा जाता है। आपको Google के लिए फिट करने में सक्षम होना चाहिए जो आपके लिए उपयुक्त है।

Answer 4

यहां आपकी फ़ाइल को "सुंदर" करने के लिए एक निःशुल्क विंडोज ऐप है। मैंने इसका इस्तेमाल नहीं किया है इसलिए मुझे नहीं पता कि यह कितना अच्छा काम करता है। http://www.blumentals.net/csstool/

Answer 5

यह विशिष्ट है, लेकिन विजुअल स्टूडियो यह फ़ाइल प्रकार पर करता है। (किसी भी माध्यम से आप जिस सामान्य समाधान को जोड़ते हैं)

Answer 6

यदि आप एक वेब सेवा के विपरीत स्थानीय रूप से निष्पादन योग्य उपयोगिता की तलाश में हैं, तो आप CSS Tidy चाहते हैं।

Answer 7

यह भी इंडेंट: styleneat

Answer 8

ऑनलाइन सेवा डेव न्यूमैन उल्लेख किया है कि एक Node.js स्क्रिप्ट है, जिसे आप कमांड लाइन पर चला सकते हैं में बदल दिया गया। आप NPM स्थापित है, तो आप सिर्फ कर सकते हैं:

npm install -g cssunminifier 

और यह बहुत बहुमुखी कैसे आप इसका इस्तेमाल कर सकते हैं। यहाँ 3 अलग उदाहरण हैं:

cssunminifier style.min.css style.css 
cssunminifier --width=8 style.min.css 
curl http://cdn.sstatic.net/stackoverflow/all.css | cssunminifier - | less 

यहाँ command-line css unminifier

Answer 9

बारे में अधिक जानकारी vkBeautify प्लगइन

http://www.eslinstructor.net/vkbeautify/

यह सुशोभित कर सकते हैं (सुंदर प्रिंट) सीएसएस पर एक नज़र है, एक्सएमएल और जेएसओएन पाठ,

सादे जावास्क्रिप्ट में लिखा गया, छोटा, सरल और तेज़