幫助文件地址:https://help.sap.com/viewer/p...
SAP Fiori 工具提供了許多功能來提高使用 SAP Fiori Elements 或者 SAPUI5 自由式方法開發 SAP Fiori 應用程式的效率。
SAP Fiori 工具與 SAP Fiori Elements 一起減少了開發時間、維護成本,並利用了後設資料驅動的 UI 的優勢。
SAP Fiori 工具包括以下擴充套件:
- 用於初始建立應用程式的嚮導。
- 用於檢視資料模型的服務建模器。
- 用於維護註釋的 XML 和基於表單的編輯器(僅限 SAP Fiori Elements)
- 應用程式頁面結構和配置 SAPUI5 靈活性設定的能力(僅限 SAP Fiori Elements)
- 用於實施功能的引導式開發(僅限 SAP Fiori Elements)
如果採用 Visual Studio Code 作為 SAP UI5 開發工具,我們可以透過安裝一個名為 SAP Fiori Tools -Extension Pack
的擴充套件,來安裝 SAP Fiori Tools:
更具體的採用 Visual Studio Code 來搭建 SAP UI5 的本地開發環境的步驟,請參考我的文章:SAP UI5 本地開發環境的搭建
這個工具還有一個命令列介面,Command Line Interface 縮寫為 CLI.
npm 倉庫地址如下:https://www.npmjs.com/package...
SAP Fiori Tools - UI5 Tooling 包含一系列可與命令 ui5 serve
一起使用的自定義中介軟體,以及可與命令 ui5 build
一起使用的自定義任務。
此外,該模組公開了 fiori
這個命名行,例如 fiori run 命令是 ui5 serve 命令的包裝器,並提供了一些附加引數以及 fiori add deploy-config
和 fiori add flp-config
以擴充套件現有專案。
如果本地執行命令列 npm run deploy
之後出錯:
fiori
is not recognized as an internal or external command
檢查 SAP UI5 專案裡的 package.json 檔案裡的 dependencies
, 檢視是否定義了 Fiori Tools CLI 對應的依賴:
"@sap/ux-ui5-tooling": "1.0.10"
新增後執行 npm install
,然後 fiori add deploy-config
, 遇到新的錯誤訊息:
Error: Cannot find module '@ui5/fs'
那麼將 "@ui5/fs": "2.0.1"
新增到 devDependencies
區域:
之後看到 Fiori tools CLI
的提示訊息,說明 Fiori Tools CLI 已經可用了:
更多Jerry的原創文章,盡在:"汪子熙":