我无法在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扩展。
1条答案
按热度按时间6l7fqoea1#
所以我重置了我的分支,经过一些来回我得到了它的工作。我修复它的步骤是:
"stylelint.validate": [ "css", "stylus", "vue" ],
,因为CSS使用stylus在vue文件中。我一直以为它是在验证stylus css语法,而实际上它是一个指定的被检查的文件类型(在我的例子中是.vue)。这也需要重新启动VSCode来显示错误突出显示。希望这能为某人节省一些时间!