WebStorm中的Stylelint修复

Ann*_*nna 2 css webstorm stylelint

我在中的WebStorm(2018.2.3)中配置了stylelint Settings -> Languages and Frameworks -> Stylesheets -> Stylelint。我的根目录中有.stylelintrc。

现在,stylelint成功地在我的css文件中强调了错误。但是有没有办法在WebStorm帮助下修复它们(--fix在控制台中没有运行命令)?

Ann*_*nna 15

我在设置中创建了外部工具 | 工具 | 外部工具,像这样:

在此处输入图片说明

然后在此处添加此命令的快捷键映射:

在此处输入图片说明

所以现在它修复了按键映射上的整个文件

  • 如果有人像我一样,不知道在“Program:”字段中设置什么值,因为图像中的值被裁剪并且找不到 .cmd,请使用“$ProjectFileDir$/node_modules/.bin/stylelint” ` (这意味着检查项目根文件夹,并使用节点安装的依赖项内的可执行文件)如果您想在不创建键盘快捷键的情况下访问该选项:右键单击 Webstorm 编辑器 -> 外部工具 -> <刚刚创建的工具> (2认同)

len*_*ena 5

尚不支持Stylelint自动修复,请按照WEB-25069进行更新。

您可以将文件监视程序设置为已stylelint --fix触发Save All

在此处输入图片说明