1.0.3 • Published 1 day ago

@kvuse/stylelint-config v1.0.3

Weekly downloads
-
License
ISC
Repository
github
Last release
1 day ago

@kvuse/stylelint-config

  • 开箱即用,配置方便,引入即可使用
  • 自动修复样式格式, 自动修复Vue组件style样式
  • 适用于Scss, Css, Less, Vue, Sass

用法

安装

pnpm add @kvuse/stylelint-config -D

配置 .stylelintrc.json

根目录添加.stylelintrc.json

{
  "extends": ["@kvuse/stylelint-config"]
}

vscode 配置自动修复

  • 安装 Vscode Stylelint 插件
  • 创建.vscode/settings.json
{
  "stylelint.validate": ["css", "less", "scss", "vue", "sass"],
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true,
    "source.fixAll.stylelint": true
  }
}

其他问题

如果出现没有效果, 没有stylelint验证

⚠️ 安装15版本以下

  • 安装stylelint

     pnpm install stylelint@^15.11.0 -D

添加其他规则

如果需要其他规则,请自行在.stylelintrc.json配置

{
  "extends": ["@kvuse/stylelint-config"],
  "rules":{
    // ...
  }
}