1. stylelint-config-prettier
Turns off all rules that are unnecessary or might conflict with Prettier.
stylelint-config-prettier
Package: stylelint-config-prettier
Created by: prettier
Last modified: Fri, 26 May 2023 16:18:35 GMT
Version: 9.0.5
License: MIT
Downloads: 4,139,268
Repository: https://github.com/prettier/stylelint-config-prettier

Install

npm install stylelint-config-prettier
yarn add stylelint-config-prettier

stylelint-config-prettier

Note
As of Stylelint v15 all style-related rules have been deprecated. If you are using v15 or higher and are not making use of these deprecated rules, this plugin is no longer necessary.

NPM version Downloads

Turns off all rules that are unnecessary or might conflict with Prettier. This lets you use your favorite shareable config without letting its stylistic choices get in the way when using Prettier.

Installation

Install stylelint-config-prettier:

npm install --save-dev stylelint-config-prettier

Then, append stylelint-config-prettier to the extends array in your .stylelintrc.* file. Make sure to put it last, so it will override other configs.

 {
  "extends": [
    // other configs ...
    "stylelint-config-prettier"
  ]
}

CLI helper tool

stylelint-config-prettier is shipped with a little CLI tool to help you check if your configuration contains any rules that are in conflict with Prettier.

In order to execute the CLI tool, first add a script for it to package.json:

 {
  "scripts": {
    "stylelint-check": "stylelint-config-prettier-check"
  }
}

Then run npm run stylelint-check.

Attribution


MIT

RELATED POST

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin