visual studio code - VSCode not commenting css.liquid lines correctly

Solution:

I see this issue has been reported lately: Incorrect comment blocks in Liquid files with this extension enabled (https://github.com/panoply/vscode-liquid/issues/119).

I see this in the liquid css language configuration file:

  "comments": {
    "lineComment": "{%\\s*#",
    "blockComment": [ "/*", "*/" ]
Copy code

I don't know what the lineComment value is supposed to be but I have never seen a regex value there in other language configuration files - so it may be a mistake.

I built an extension which may be able to help until the language configuration file is fixed: Custom Language Properties (https://marketplace.visualstudio.com/items?itemName=ArturoDent.custom-language-syntax).

1. Install it.
2. Run the commandCustom Language Properies: Check for new language extensions.
3. Make this setting in yoursettings.json:

"custom-language-properties": {
  "liquid-css.comments.lineComment": "",
}
Copy code

If this doesn't work immediately, try a reload of vscode.

This basically sets thelineComment's to null and so theblockComment will be used instead. I am not familiar withLiquid comment styles so let me know if that is not how line comments are supposed to work. Demo: