@7inch/stylelint-config 中文文档教程

Question

@7inch/stylelint-config

English | 中文

Introduction

My stylelint config, it's friendly and works well with scss / tailwind / windicss / element plus/ vant.

Install

npm i stylelint prettier @7inch/stylelint-config -D

Usage

Config .stylelintrc.js

module.exports = {
  extends: ["@7inch/stylelint-config"],
};

Config .stylelintignore

dist
public

Add script for package.json

{
  "scripts": {
    "stylelint": "stylelint \"**/*.{vue,css,scss}\" --fix"
  }
}

Config VSCode auto fix

Create .vscode/settings.json

{
  "editor.formatOnSave": true,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.codeActionsOnSave": {
    "source.fixAll.stylelint": true
  }
}

Checkout stylelint for more usage details.