如何在Webstorm上安装csscomb插件

html-css012

如何在Webstorm上安装csscomb插件,第1张

下载并安装 NodeJS.msi 格式安装包

使用 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)