关于 sap-fiori-eslint-plugin
此技能面向 SAP Fiori 项目开发者,指导使用 `@sap-ux/eslint-plugin-fiori-tools` 设置或迁移 ESLint,并运行检查及查看应用级问题。
主要功能
- 01设置 ESLint 配置
- 02迁移旧版 ESLint 配置
- 03运行检查并修复问题
- 04查看应用范围内的 UX 问题
- 05依据项目状态选择任务
适用场景
- 01为 Fiori 项目添加 ESLint
- 02从 `.eslintrc` 配置迁移
- 03检查代码并处理 lint 错误
- 04查看应用的 UX 一致性问题
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ sap/ open-ux-tools --skill sap-fiori-eslint-plugin安装后在 Claude Code 中输入/sap-fiori-eslint-plugin确认已加载。
包含的文件
除 SKILL.md 外,安装时一起下载的参考资料和脚本。
references/lint.mdmigrate.mdsetup.md详细介绍
SAP Fiori ESLint 插件
在 SAP Fiori 项目中使用 @sap-ux/eslint-plugin-fiori-tools:从头配置 ESLint、从旧版配置迁移,或运行并修复 lint 问题。
确定要执行的任务
根据用户的请求判断其意图:
| 用户说法 / 情况 | 任务 | 参考 |
|---|---|---|
“配置 ESLint”、“添加 ESLint”,且不存在 eslint.config.mjs | 配置 | references/setup.md |
“迁移 ESLint”,存在 .eslintrc / eslint@8,或升级 ESLint | 迁移 | references/migrate.md |
“运行 ESLint”、“检查我的代码”、“修复 lint 错误”,且存在 eslint.config.mjs | Lint | references/lint.md |
| “显示所有应用问题”、“显示 UX 一致性问题”、“应用 X 的问题”、“与 Page Map/App Info 相同的问题” | 仅显示应用问题 | references/lint.md — 遵循 应用范围模式 部分 |
如果意图不明确,请检查项目状态:
# Check for existing ESLint config (any format)
ls eslint.config.mjs eslint.config.js .eslintrc .eslintrc.js .eslintrc.cjs .eslintrc.json .eslintrc.yml .eslintrc.yaml 2>/dev/null
- 未找到配置 → 遵循 references/setup.md
- 找到旧版配置(
.eslintrc*)→ 遵循 references/migrate.md - 找到扁平配置(
eslint.config.mjs)→ 遵循 references/lint.md
如果意图仍不明确,请询问用户是否要配置 ESLint、迁移现有配置,还是运行 lint。
评论
支持 Markdown