使用 cmd / PowerShell
node -v 验证是否安装成功
npm install -g csscomb全局安装 csscomb
csscomb -V 验证安装
快捷键(Ctrl+Alt+S),搜索栏输入 external tool
WebStorm 内打开 Setting ->External Tools ->Add
Fill the form with following info: (对照填入)
– Name: CSScomb
– Program: path_to_installed_csscomb/bin/csscomb 改为(C:\Users\你当前的系统用户名\AppData\Roaming\npm\csscomb.cmd)
– Parameters: $FilePath$
– Working directory: $FileDir$
设置分组
Group:CSS TOOLS (自定义,出现在右键菜单分组中)
确认更改点击 Apply
设置快捷键
不用担心意外覆盖预设,设置冲突会出现提示信息。
搜索 keymap
在 keymap 主栏内的搜索框找到刚刚设置的 CSScomb
右键 Add KeyBoard ShortCut ,按下你想要的快捷键组合。
我用gulp-sass的compact,编译的css也有空行,我是用sublime打开你编译后的css文件,右键有个css format,里边的四个选项值都可以得到你想要的
compact
compact(no spaces)
compact(break selector)
compact(break selector,no spaces)