问题标签 [stylelint]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
76 浏览

html - 如果再次使用已经使用的类,是否可以在 stylelint 中显示警告?

如果开发人员在 CSS 文件中编写类名,在 stylelint 或任何其他工具中是否有可能,例如,.somethingRed {}如果项目中已经使用了类似的类名,他会收到该类名已被使用的消息?

0 投票
1 回答
269 浏览

sass - SCSS variables are rendered as browser hacks

I've configured stylelint to read SCSS and I keep getting browser hack warnings on SCSS items like $variables and !default. I loaded in the stylelint-scss plugin thinking this might fix it but it hasn't. I want the browser hacks rule to be enabled for true browser hacks but I'll have to turn this off if it fails on all of the SCSS items.

Does anyone know how I can keep the browser hack rule enabled but not have it fail on non-browser hacks like the standard variables for SCSS?

0 投票
2 回答
901 浏览

css - stylelint - 哪里有创建您自己的插件的示例?

我去了 stylelint 网站,github 并通过 npm 在本地下载。stylelint 网站建议创建我自己的插件我应该使用这种格式:

当我在 npm 文件夹中为 stylelint 执行“查找”时,我找不到任何使用这种格式的示例。任何人都可以就创建自己的插件提供一个非常好的教程吗?

谢谢

0 投票
1 回答
1370 浏览

sublimetext3 - 使用 Sublime Text 3 设置 stylelint

我正在尝试将https://github.com/kungfusheep/SublimeLinter-contrib-stylelint连接到 sublime ...我之前使用过带有 eslint 和 csslint 插件的 SublimeLinter,它们运行良好。

安装 stylelint 后,一切似乎都运行顺利,只有 sublime 没有显示任何 linting 错误,即使有很多错误。我在 -g 和我的项目中都安装了 stylelint 包。没有错误或任何崇高的东西。

我认为可能是它找不到我的项目的配置文件,尽管我认为这不太可能,因为我使用 react-boilerplate 作为我的启动项目。但是有什么方法可以查看插件是否检测到了配置文件?

知道有什么问题吗?

0 投票
0 回答
159 浏览

sass - WebStorm中的多行Scss缩进

有谁知道让 WebStorm 按照默认的 Stylelint 准则正确缩进的方法?

具体来说,我遇到了具有多个属性的转换的 scss 缩进问题。推荐的模式是:

但是,我根本无法让 WebStorm 支持这一点。当我自动缩进我的代码时,它会将上面的内容变成:

对此的任何帮助都会很棒。作为参考,我目前正在使用以下版本的 WebStorm:

0 投票
0 回答
107 浏览

css - Stylelint:在嵌套块的底部强制空行

我似乎无法在规则和文档中准确找到我想要的东西。我想在嵌套规则的底部强制一个空行。

我看到了规则:rule-nested-empty-line-before这将在媒体查询的顶部强制换行。

而且我看到了规则:block-closing-brace-empty-line-before这将在块的末尾强制一个新行,但这也会在color: red.

我觉得旧版本的 Stylelint 曾经有一个规则可以做到这一点,但我似乎无法再弄清楚了。

有什么想法吗?

0 投票
1 回答
271 浏览

gulp - stylelint + gulp 不适用于子文件夹

我使用 gulp 3.9.1 和 stylelint 7.6.0 进行 SCSS linting。操作系统是 Ubuntu。
我的 gulp 配置的相关部分如下所示:

问题:
Stylelint 对像这样的文件非常有效, app/assets_src/styles/file.scss
但它不处理子文件夹中的文件,比如: app/assets_src/styles/blocks/home/file.scss 另外奇怪的是,在极少数情况下,它会为此类嵌套文件触发一次,但随后又停止工作。
我试过使用这样的路径:
app/assets_src/styles/**/**/*.scss
/app/assets_src/styles/**/*.scss
'./app/assets_src/styles/**/**/*.scss'
但没有运气。

也使用这个 cli 命令:stylelint 'app/assets_src/styles/**/*.scss'效果很好并处理子目录。所以也许这个问题与 gulp-postcss 插件有关。

0 投票
1 回答
359 浏览

css - 可以将 stylelint 用于内部和内联样式表吗?

我可以.css根据他们的使用指南对文件使用 stylelint。有没有办法将它用于内联和内部样式表?我可以编写代码来通过解析我的 HTML 文档来收集所有这些……这是我唯一的选择吗?我是否必须使用另一个 CSS linting 工具,例如 CSSLint?

0 投票
2 回答
814 浏览

css - 无法为检查此潜在的盒子模型大小问题设置 stylelint 规则

我正在使用 webpack 开发 Angular2 应用程序。我正在使用 sonarqube 来衡量代码质量。我使用 VS Code 作为 IDE。

下面的 css 给我一个关于 sonarqube 的警告“检查这个潜在的盒子模型大小问题”是正确的。

但在 VSCode 中,我无法将此代码气味视为警告。下面是我的 stylelintrc.json 文件

我找不到要设置来解决此问题的规则 ID。

0 投票
3 回答
5750 浏览

visual-studio-code - VS Code style-lint 忽略目录

是否可以忽略我的 CSS 路径,因为我只使用stylelint进行 SCSS 验证?

例如 - 我有以下结构:

如何通过css/VSCode 的 settings.json 文件禁用文件夹被索引?

在文档中找到了这个,但我不知道如何在 VSCode 中实现它。