UI Styling 标准 ESLint 插件

UI Styling标准是一套原则,用于指导图集前端的UI代码 代码库和生态系统.

这些是目前的ESLint规则,它们执行并帮助遵守今天的UI Styling标准, 但计划更多时间支持标准.

安装

您必须使用推荐的配置来遵循Atlassian的造型标准,这将确保 与设计系统的兼容性和性能.

module.exports = {
  extends: [
+    'plugin:@atlaskit/ui-styling-standard/recommended',
  ],
};

我们不建议维持你的配置 如果你不使用我们的配置,你将需要 指定单个规则和配置。 将插件添加到您的 eslint.config.cjs 文档和 允许个人规则,因为你准备采纳.

module.exports = {
  plugins: [
+    '@atlaskit/ui-styling-standard',
  ],
  rules: [
+    '@atlaskit/ui-styling-standard/convert-props-syntax': 'warn',
+    '@atlaskit/design-system/local-cx-xcss': 'error',
  ],
};

规则