设计系统样式林特插件

此插件包含规则, 用于工作时 阿特拉斯设计系统。 。 。 .

安装

yarn add @atlaskit/stylelint-design-system -D

使用量

将插件添加到您的 Stylelint 配置文件中 .

// .stylelintrc.js

module.exports = {
  plugins: [
+    '@atlaskit/stylelint-design-system',
  ],
};

启用任何想要的规则 .

module.exports = {
  rules: {
+    'design-system/ensure-design-token-usage': { color: true, spacing: true },
+    'design-system/no-deprecated-design-token-usage': true,
+    'design-system/no-unsafe-design-token-usage': [true, { shouldEnsureFallbackUsage: true }]
  },
};

规则将尽可能有固定者。 个别规则见 rules 但是,它强烈建议使用上述规则。 你可以读更多关于 在其中配置样式林 文档。 。 。 .

限制

• 此插件已经测试并确认与Stylelint版本8.0.0 → 14.6.0.
• 这个 VS 代码样式林特插件 不再支持Stylelint13.x和以下版本. 目前看来还有用,但还是用 谨慎行事.
• 由于Stylelint的限制,自定义不能单独应用于问题. 相反 自动固定需要处理整个文件, 要么使用通过 VS 代码样式林特插件 命令 Stylelint: Fix all auto-fixable Problems 或使用命令行 npx stylelint path/to/file --fix
• 由于Stylelint的限制,每个问题只会在第一个问题上"轻轻地下划线" 字符键。 Stylelint没有为VS代码插件提供问题的字符范围.