@ued2345/stylelint-config

stylelint-config

CSS 编码规范之 stylelint 配置文件 ‧ UED2345

安装

在你的项目中安装 stylelint 和配置包：

npm i -D stylelint
npm i -D @ued2345/stylelint-config

使用方法

1. 在你的项目的根目录添加 .stylelintrc.js 文件：

   module.exports = {
   	extends: [
   		'@ued2345/stylelint-config'
   	],
   	ignoreFiles: [
   		'./dist/**/*.*',
   	],
   }
   

2. 在你的项目的 package.json 文件中添加脚本：

   {
     "scripts": {
       "lint-css": "stylelint src/**/*.scss src/**/*.vue"
     }
   }
   

3. 执行以下命令开始校验 CSS 代码：

   npm run lint-css
   

   如果需要 stylelint 帮忙修复（只有部分问题可以自动修复），执行以下命令：

   npm run lint-css -- --fix
   

   如有必要，你可以把上述命令整合到 CI、Git hook 等工作流中。