win7系统 在webstorm上安装csscomb

本文的IDE = Webstorm

安装node（略过）

npm全局安装csscomb（npm i csscomb -g）

打开IDE，ctrl + alt +s 打开设置界面

点击Tools，选中External Tools

上图是我已经添加好了。

之后点击“+”，下面就是填相应的配置了。

Name：任意定义，建议相关（如 csscomb）；

Groups：任意填写，建议相关（如 CSS Tools）；

选择框，不建议勾选（Show console when a message is printed to standard error stream）;

Program：这个值由csscomb路径决定，官方文档只针对mac（C:\Users\（你的计算机名）\AppData\Roaming\npm\node_modules\csscomb\bin\csscomb），我当时被坑了，这是错误的！这是错误的！这是错误的！windows系统应该填（C:\Users\v_sillzhang\AppData\Roaming\npm\csscomb.cmd）;

Parameters：$FIlePath$ -v -t；

Working directory：$FileDir$；

这样就OK了，最后Apply就可以了。

为了使用方便，你当然还可以设置keymap，找到相应的CSS Tools下的csscomb，就可以随心设置了。