Stylelint and Prettier

Learn to install stylelint and prettier plugins in a Vue project.

We'll cover the following

There are a few plugins we need to install to enhance Stylelint’s functionality.

  • The stylelint-config-css-modules plugin enables css module-specific syntax.
  • The stylelint-config-prettier plugin disables rules conflicting with Prettier.
  • The stylelint-config-recess-order plugin sorts CSS properties in a specific order.
  • The stylelint-config-standard plugin turns on additional rules to enforce common stylistic conventions.
  • The stylelint-scss plugin is a collection of SCSS specific rules. Don’t install it if we’re not using SCSS.

We can run the commands given below to install these plugins.

Get hands-on with 1200+ tech skills courses.