vue项目 Stylelint 配置

1.下载依赖

pnpm install stylelint -D 
pnpm install @dylan66ty/stylelint-config -D 

2.项目根目录新建 .stylelintrc.js

module.exports = {
  extends: ['@dylan66ty/stylelint-config']
}

4. vscode 编辑器需要下载的插件

• 插件市场搜索 stylelint 并且下载
• 项目根目录新建 .vscode/settings.json 配置如下

{
  "stylelint.enable": true, 
  "stylelint.validate": ["css", "less", "postcss", "scss", "vue", "sass"],
  "editor.codeActionsOnSave": {
     "source.fixAll.stylelint": true
  }
}

5.重启编辑器即可生效