Visual Studio Stylelint可以工作,但不会在VSCode中下划线或显示错误

ru9i0ody  于 2023-10-23  发布在  Vscode
关注(0)|答案(1)|浏览(166)

我无法在VSCode中突出显示错误语法。我安装了以下软件包:

"stylelint": "^14.0.0",
    "stylelint-config-standard": "^30.0.1",
    "stylelint-config-standard-vue": "^1.0.0",
    "stylelint-stylus": "^0.18.0",

如果我的目标是一个特定的文件要在终端中lint,它的工作正常。但是我不能让VSCode在真实的时间内直观地显示linter错误。我使用Vue 2,Stylus和StyleLint。
我的settings.json文件包含以下信息:

{
  "stylelint.enable": true,
  "css.validate": false,
  "stylelint.snippet": [
    "css",
    "scss",
    "stylus",
  ],
  "stylelint.validate": [
    "css",
    "stylus",
    "vue",
  ],
  "stylelint.config": null,
}

对于我的.stylelintrc.js文件,我有以下内容(我将插件打开为永远不会确保它们会出错并抛出错误):

module.exports = {
  plugins: [
    "stylelint-stylus",
  ],
  extends: ['stylelint-config-standard', 'stylelint-stylus/standard', 'stylelint-config-standard-vue'],
  rules: {
    // Standard
    'length-zero-no-unit': null,
    'no-descending-specificity': null,
    'selector-list-comma-newline-after': 'never-multi-line',
    'selector-pseudo-element-colon-notation': 'single',
    'comment-empty-line-before': null,
    'selector-class-pattern': null,
    'selector-pseudo-element-no-unknown': [
      true,
      {
        ignorePseudoElements: ['/^v-deep/', 'pseudo-element']
      }
    ],
    'property-no-vendor-prefix': [
      true,
      {
        ignoreProperties: ['appearance']
      }
    ],
    'color-function-notation': 'legacy',
    'alpha-value-notation': 'number',
    'shorthand-property-no-redundant-values': null,

    // Stylus
    'stylus/selector-type-no-unknown': null,
    'stylus/single-line-comment': 'never',
    'stylus/declaration-colon': 'always',
    'stylus/media-feature-colon': 'always',
    'stylus/semicolon': 'never',
    'stylus/pythonic': 'never',
    'stylus/selector-list-comma': 'always',
    'stylus/selector-list-comma-newline-after': 'never-multi-line'
  }
};

我已经安装了VS Code的Stylelint扩展。

6l7fqoea

6l7fqoea1#

所以我重置了我的分支,经过一些来回我得到了它的工作。我修复它的步骤是:

  • 更新stylelint和stylelint-config-standard包(不太可能这是它现在工作的原因)
  • 将settings.json更改为"stylelint.validate": [ "css", "stylus", "vue" ],,因为CSS使用stylus在vue文件中。我一直以为它是在验证stylus css语法,而实际上它是一个指定的被检查的文件类型(在我的例子中是.vue)。这也需要重新启动VSCode来显示错误突出显示。

希望这能为某人节省一些时间!

相关问题