Search code examples
wordpressvisual-studio-codestandardsstylelint

In VSCode-->settings.json, a particular line appears dimmer than the rest of the code. What is that indicating?


In VSCode, in settings.json for one of my extensions is a line

"extends": "C:/Users/snarl/.vscode/extensions/stylelint-config-wordpress",

But that line is dimmed compared to the rest of the text in the file, as if disabled, or path not found (screenshot). Is that indicating some kind of error I need to resolve? That folder does indeed exist at that location (screenshot).

Motivation For My Question

I ask because this is a line of code I manually added to settings.json, as part of installation instructions for a particular extension. I'm currently using the stylelint extension to help notify me of errors while I type. I am now trying to install a separate extension--stylelint-config-wordpress--which is a set of rules to be used with stylelint. But that new ruleset doesn't seem to be working properly. So I am now trying to troubleshoot why the new rules are not working properly. The settings.json file I edited is part of the stylelint-config-wordpress extension.

Of Note

  • I am running Windows 10.

  • When I initially installed stylelint, I installed it globally. I can confirm it was installed properly and linting errors in my code, as expected.

  • In the GitHub repo for stylelint-config-wordpress, there is one issue related to this (see here). I posted there and received some initial replies. But nothing worked, and I've not heard back since.


Solution

  • After opening an issue in the relevant GitHub repo, I was able to understand the answer to my question.

    Short Answer: The code I was adding was incorrect. I was adding:

    extends": "C:/Users/snarl/.vscode/extensions/stylelint-config-wordpress",
    

    when I should have been adding something more along the lines of this:

    "stylelint.config": {
      "extends": "C:/Users/snarl/index.js"
    },
    

    Long Answer: If anyone is really curious about how to get this ruleset working in VSCode, you can read this issue.