Install Master CSS ESLint in Visual Studio Code

Guide to installing Master CSS ESLint in your Visual Studio Code.

Install the VSCode ESLint in the Visual Studio Marketplace if you haven't already.

Install the Master CSS ESLint Configuration into your project via package managers.

npm install -D @master/eslint-config-css@rc eslint

Import and add the Master CSS ESLint Configuration css to eslint.config.js.

To find the setup guide for your language parser.

import css from '@master/eslint-config-css'
 
export default [
    css
]

Add @master/css/class-order to the eslint.codeActionsOnSave.rules section in user settings.

{
    "eslint.codeActionsOnSave.rules": [
        "@master/css/class-order"
    ]
}