@7inch/stylelint-config

English | 中文

Usage no npm install needed!

<script type="module">
  import 7inchStylelintConfig from 'https://cdn.skypack.dev/@7inch/stylelint-config';
</script>

README

@7inch/stylelint-config

npm

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.