用途:在 VS Code 或 SAP Business Application Studio 中开发 SAP Fiori elements 应用,生成应用骨架、可视化配置注解并与 CAP 项目联动。主要能力:VS Code 需安装 SAP Fiori tools Extension Pack,一次包含 Application Generator、Page Editor、Guided Development、Service Modeler、Application Modeler、UI5 Language Assistant(注解补全)与 XML Toolkit;BAS 使用 Full Stack Cloud Application 开发空间。生成应用可用命令面板 Ctrl+Shift+P 的 Fiori: Open Application Generator,选择 SAP Fiori elements、List Report Object Page 并连接 CAP 项目;或在 CAP 项目根目录执行 cds add fiori。生成 app/<name>/webapp 及 annotations.cds。本地预览在项目根目录运行 cds watch,访问 http://localhost:4004/<app-folder>/webapp/index.html,沙箱启动页为 http://localhost:4004/$fiori-apps.html,可在 package.json 的 sapux 字段登记应用。Page Editor 通过活动栏 SAP Fiori 图标打开 Application Modeler 后配置页面,改动写入 annotations.cds。Guided Development 通过命令面板打开,提供值帮助、导航、图表等注解引导。UI5 Language Assistant 需在设置中启用 UI5LanguageAssistant.SplitAnnotationSupport 以支持 .cds 注解补全与路径校验。部署配置运行 npx fiori add deploy-config,生成 ui5-deploy.yaml 与 xs-app.json;本地连接远程 OData 由 fiori-tools-proxy 中间件配置。限制与注意:新页面应使用生成器或 Page Editor,避免手改 manifest.json 路由;修复无效注解路径警告;CAP 项目用 cds watch 而非 ui5 serve;部署前先运行 deploy-config。官方参考为 https://help.sap.com/docs/SAP_FIORI_tools。
fiori-tools
编程与开发
更新于 10-16 11:21