VS Code style-lint ignore directories

Question

Is it possible to ignore my CSS path, beacuse I only use stylelint for SCSS validation?

e.g. - I have the following structure:

assets/
    css/
    scss/

How can I disable the css/ folder from being indexed, trough the settings.json file of VSCode?

I found this in the docs, but I don't know how to implement it in VSCode.

score 14 · Accepted Answer · answered Feb 07 '17 at 22:06

14

If you're using the VS Code stylelint extension, you can specify ignore paths via the stylelint.configOverrides setting.

Add the following to your VS Code settings.json file:

"stylelint.configOverrides": {
    "ignoreFiles": "assets/css/**"
}

Alternatively you can add a .stylelintignore file to the root folder of your project and add the ignore paths there:

assets/css/**

answered Feb 07 '17 at 22:06

tekniskt

483
3
10

For anyone who reaches here, `stylelint.configOverrides` is not deprecated. However there is a PR to support `ignoreFilePath`. – Tal Rofe Jan 02 '23 at 12:27
^ IS NOW DEPRECATED* :) – Tal Rofe Jan 24 '23 at 19:28

score 7 · Answer 2 · answered Apr 09 '18 at 01:34

7

I'm using stylelint@9.2.0 with vscode-stylelint@0.20.4, and for me the .stylelintignore file is not being respected. If i use the CLI it is respected but the vscode plugin does not seem to do this correctly.

answered Apr 09 '18 at 01:34

Jack Russell

409
4
5

I found that it seemed like my `.stylelintrc.js` was not being respected, even if I restarted VSCode, the ignored files still showed errors. However I had to change the ignored files, and then save them (saving without modifying them didn't work) and then it seemed to pickup they were ignored and all the errors went away. Something a little odd going on there. – Nick M May 03 '22 at 22:51

score 0 · Answer 3 · answered Mar 18 '21 at 15:21

Similar to Jack Russell, I found that the VS Code stylelint plugin currently seems to ignore the .stylelintignore file.

To get around this limitation, I removed the .stylelintignore entirely and moved its settings into .stylelintrc instead. I.e. from something like this in .stylelintignore:

ignorethisfolder/**/*
path/to/ignorethisfile.css

To something like this in .stylelintrc:

  "ignoreFiles": [
    "ignorethisfolder/**/*",
    "path/to/ignorethisfile.css",
  ]

VS Code style-lint ignore directories

3 Answers3

Linked