stylelint-config-custom-chl

依据个人习惯定制的 stylelint 配置

安装

yarn add stylelint-config-custom-chl -D

# 如果未安装stylelint，需要安装stylelint
yarn add stylelint -D

# 特殊类型文件需要安装postcss以及相应的postcss插件
yarn add postcss -D

# .scss
yarn add postcss-scss -D

# .less
yarn add postcss-less -D

# .vue 或 .html
yarn add postcss-html -D

配置

.stylelintrc.js

module.exports = {
  extends: ['stylelint-config-custom-chl'],
};

settings.json - vscode

{
  // 防止编辑器内置linter与stylelint插件冲突
  "css.validate": false,
  "less.validate": false,
  "scss.validate": false,

  // stylelint配置
  "stylelint.enable": true,
  "stylelint.validate": ["css", "scss", "less", "vue", "html"],

  // 文件保存时自动修复
  "editor.codeActionsOnSave": {
    "source.fixAll.stylelint": true
  }
}