使用 yo 命令行向导创建 SAP UI5 应用

Posted JerryWang汪子熙

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用 yo 命令行向导创建 SAP UI5 应用相关的知识,希望对你有一定的参考价值。


命令行:yo easy-ui5 project, 遇到错误消息:

you don\'t seem to have a generator with the name "easy-ui5" installed.

\'使用

先用 npm install generator-easy-ui5 进行安装:

\'使用

然后重新执行 yo easy-ui5 project:

\'使用

Create a new OpenUI5/SAPUI5 project:

\'使用

在 On which platform would you like to host the application? 里,选择 SAP Launchpad service:

\'使用

创建成功:

\'使用

成功创建的 SAP UI5 资源:

\'使用

我们的 SAP UI5 应用资源文件就在 webapp 文件夹里:

\'使用

还有一些额外的文件夹:

  • deployer:

A Cloud Foundry tasks which uploads the static web resources to the html5 application repository service during deploy-time.

一个 CloudFoundry 任务,在用户部署 SAP UI5 时,将静态的 web resources 上传到 HTML5 应用仓库服务去。

You might miss the folders dist and mta_archieves as they will be created later during the build step.

dist 和 mta_archieves 在 build 阶段会动态创建。

This project leverages the UI5 tooling framework for development. This tool belt can help you to start a local web server and is extendable so you can integrate mocked destinations and a live-reload feature when files are updated. The great thing is, you don’t have to worry about this for now. The easy-ui5 generator already installed these two tasks for you. Additional UI5 tooling tasks can be found on npm.com.

进入到 tutorial.myUI5App 目录下,执行脚本 npm start:

\'使用

遇到这个 address already in use 的错误消息,通常都是因为本地还有一个运行的 Visual Studio Code 在本地运行 SAP UI5 应用:

\'使用

最后看到的本地 Fiori Launchpad sandbox:

\'使用

\'使用

将 i18n_en.properties 文件的内容替换成如下字符串:

\'使用

最后运行时的效果:

\'使用

更多Jerry的原创文章,尽在:"汪子熙":

\'使用


以上是关于使用 yo 命令行向导创建 SAP UI5 应用的主要内容,如果未能解决你的问题,请参考以下文章

使用SAP Cloud Platform fullstack WebIDE创建SAP UI5应用并部署

SAP UI5 里 FlexBox 控件使用的一个例子

SAP UI5 + Yarn = 不运行

浅谈 SAP UI5 OData 模型构造函数的输入参数

HTML5开发移动web应用——SAP UI5篇

使用SAP云平台portal服务将SAP UI5应用部署到portal上