AtndPro项目WebStorm配置stylelInt--AutoFix

问题背景

项目是用的AntdPro的框架，自带stylelint,每次写完样式后都会检查样式的顺序结构，不对开发工具做配置需要自己手动调整样式顺序，劳神耗时。

开始配置

1.全局安装stylelint

npm i stylelint -g

2.配置WebStorm
打开settings找到File Watchers 点击右上的+号 选择 custom

3.具体配置

参数解释：
Name:自己取一个就可以了。
File Type:选择要校验的文件类型.
Scope:需要校验的文件范围
Program:选择我们之前全局安装的stylelint,
路径查看方式：

npm config get prefix

剩下的依次复制进去就可以了

$FileName$ --fix
$FileName$
$FileDir$

最后

配置完后点击apply就可以生效了，写完样式后就可以自动调整顺序，代码规范又省时。