代码之家  ›  专栏  ›  技术社区  ›  Herms

有没有自动格式化CSS文件的应用程序?

css
  •  5
  • Herms  · 技术社区  · 14 年前

    我有一个压缩的CSS文件(所有的空格都被删除了),我想检查它,但检查它是一个巨大的痛苦。是否有任何实用程序(最好是linux命令行)可以让我运行该文件以很好地格式化它?

    9 回复  |  直到 14 年前
        1
  •  2
  •   Daniel O'Hara    14 年前

    我用Ruby为你写了一个小格式化程序。另存为一些 .rb 文件并通过类似CLI的方式使用它 ruby format.rb input.css input-clean.css :

    #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
    
        2
  •  8
  •   MrColes    13 年前

    Dave Newman提到的在线服务已经转换成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

        3
  •  5
  •   Daniel O'Hara    14 年前

    尝试 this online service .

    您还可以检查Firebug中的任何压缩文件。

        4
  •  3
  •   relet    14 年前

        5
  •  2
  •   Matt Ball    14 年前

    如果您正在寻找一个本地可执行的实用程序,而不是web服务,那么您需要 CSS Tidy

        6
  •  1
  •   eozzy    14 年前

    这还缩进: styleneat

        8
  •  0
  •   Mark Schultheiss    14 年前

    它是特定的,但是visualstudio对该文件类型执行此操作(决不是一个通用的解决方案

        9
  •  0
  •   vadimk    12 年前

    看一看这个 VK美容

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

    用简单的javascript编写,小巧、简单、快速