@hifed/stylelint-config v1.2.0

@hifed/stylelint-config

VSCode Plugins

Prettier - Code formatter@5.5.0、ESLint@2.1.8、stylelint-mixins@0.2.0

// .vscode/settings.json
{
  "editor.formatOnPaste": false,
  "editor.formatOnSave": false,
  "javascript.validate.enable": false,
  "typescript.validate.enable": true,
  "typescript.tsdk": "node_modules/typescript/lib",
  "css.validate": false,
  "less.validate": false,
  "scss.validate": false,
  "html.validate.scripts": false,
  "html.validate.styles": false,
  "editor.tabSize": 2,
  "eslint.enable": true,
  "eslint.options": {
    "configFile": "eslint.config.js",
    "ignorePath": ".eslintignore"
  },
  "eslint.validate": ["javascript", "javascriptreact", "typescript", "typescriptreact", "html" ],
  "stylelint.enable": true,
  "stylelint.autoFixOnSave": true,
  "stylelint.allowEmptyInput": true,
  "stylelint.configFile": "stylelint.config.js",
  "stylelint.ignorePath": ".stylelintignore",
  "[jsonc]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[javascriptreact]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[typescriptreact]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true,
    "source.fixAll.stylelint": true
  }
}

Install

使用 yarn:

npm install @hifed/stylelint-config --only=dev

Usage

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

module.exports = {
  extends: ['@hifed/stylelint-config', 'stylelint-config-css-modules'],
}