ctrl+shift+p filters: :st2 :st3 :win :osx :linux
浏览

切换CSS格式

autokludge ALL

Sublime Text 2的快速CSS样式切换插件

详细信息

  • 2012.08.16.12.21.04
  • github.com
  • github.com
  • 12年前
  • 10分钟前
  • 12年前

安装

  • 总计 13K
  • Win 9K
  • Mac 3K
  • Linux 1K
8月6日 8月5日 8月4日 8月3日 8月2日 8月1日 7月31日 7月30日 7月29日 7月28日 7月27日 7月26日 7月25日 7月24日 7月23日 7月22日 7月21日 7月20日 7月19日 7月18日 7月17日 7月16日 7月15日 7月14日 7月13日 7月12日 7月11日 7月10日 7月9日 7月8日 7月7日 7月6日 7月5日 7月4日 7月3日 7月2日 7月1日 6月30日 6月29日 6月28日 6月27日 6月26日 6月25日 6月24日 6月23日
Windows 0 0 1 0 0 1 0 0 1 0 0 1 0 0 0 0 0 0 0 1 0 0 0 0 1 1 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 1 0
Mac 1 1 0 0 1 0 0 0 1 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0
Linux 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0

README.md

源代码
raw.githubusercontent.com

Sublime Text 2的单行包

SingleLine是Sublime Text 2的CSS单行到多行样式切换插件。

它会将多行规则

body {
    height: 600px;
    width: 600px;
    margin: auto;
    border: 1px solid #000;
}

转换成

body { height: 600px; width: 600px; margin: auto; border: 1px solid #000; }

它也支持less / scss中的嵌套选择器

.upperclass{
   .middleclass{
        .testclass{
            margin: 20px;
            padding: 10px;
            background: #f00;
        }
    }
}

转换成

.upperclass{
   .middleclass{
        .testclass{ margin: 20px; padding: 10px; background: #f00; }
    }
}

键盘快捷键

要切换单行和多行格式,您可以选择该块或将光标移动到块内,并按ctrl+alt+j

您也可以使用ctrl+shift+r将选择范围扩展到CSS规则。

安装

无Git:github下载最新的源代码zip包,并将其文件解压缩到Sublime Text的“Packages”目录中,在新目录中命名为SublimeToggleCssFormat

有Git:在Sublime Text的“Packages”目录中克隆仓库

git clone git://github.com/speilberg0/SublimeToggleCssFormat.git

“Packages”目录位于

  • OS X: ~/Library/Application Support/Sublime Text 2/Packages/
  • Linux: ~/.Sublime Text 2/Packages/
  • Windows: %APPDATA%/Sublime Text 2/Packages/

就这样!