webstrom的stylelint配置(自动调整css顺序)

最新推荐文章于 2024-09-08 09:51:52 发布

小丸仔同学

最新推荐文章于 2024-09-08 09:51:52 发布

阅读量1.7k

点赞数

分类专栏：其他

本文链接：https://blog.csdn.net/qq_25174701/article/details/105145298

版权

其他专栏收录该内容

9 篇文章 0 订阅

订阅专栏

webstrom 保存时自动 stylelint fix，无需额外的 csscomb 插件及配置
可通过 npm config get prefix 查看 npm 安装目录

IDE Stylelint fix on save

配置：

npm i stylelint -g

IDE 配置（Settings - Tools - File Watchers - +）

C:\Users\Administrator\AppData\Roaming\npm\stylelint
$FileName$ --fix
$FileName$
$FileDir$

项目需要安装stylelint

package.json 文件

 "devDependencies": {
	"stylelint": "9.10.1",
	"stylelint-config-css-modules": "^1.4.0",
	"stylelint-config-prettier": "^5.0.0",
	"stylelint-config-rational-order": "^0.1.0",
	"stylelint-config-standard": "^18.3.0",
	"stylelint-declaration-block-no-ignored-properties": "^1.1.0",
	"stylelint-order": "^2.2.1",
}

配置 .stylelintrc文件

{
  "extends": [
    "stylelint-config-standard",
    "stylelint-config-css-modules",
    "stylelint-config-rational-order",
    "stylelint-config-prettier"
  ],
  "plugins": ["stylelint-order", "stylelint-declaration-block-no-ignored-properties"],
  "rules": {
    "no-descending-specificity": null,
    "plugin/declaration-block-no-ignored-properties": true,
    "at-rule-no-unknown": null
  }
}