亦余心之所善兮,虽九死其犹未悔。这篇文章主要讲述使用 yo 命令行向导创建 SAP UI5 应用相关的知识,希望能为你提供帮助。
命令行:yo easy-ui5 project, 遇到错误消息:
you don\'t seem to have a generator with the name "easy-ui5" installed.
文章图片
【使用 yo 命令行向导创建 SAP UI5 应用】先用 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.进入到 tutorial.myUI5App 目录下,执行脚本 npm start:
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.
文章图片
遇到这个 address already in use 的错误消息,通常都是因为本地还有一个运行的 Visual Studio Code 在本地运行 SAP UI5 应用:
文章图片
最后看到的本地 Fiori Launchpad sandbox:
文章图片
文章图片
将 i18n_en.properties 文件的内容替换成如下字符串:
文章图片
最后运行时的效果:
文章图片
更多Jerry的原创文章,尽在:"汪子熙":
文章图片
推荐阅读
- 网络地址转化(NAT)
- 在一个有序数列中插入一个数重新进行排序
- Golang( 如何使用正则表达式,并实战爬取手机号)
- [C语言] 栈内存存储方式
- 如何给运行在 SAP BTP 上的 Java 微服务增添访问控制功能
- NAT(网络地址转换)理论及配置命令
- # 聊一聊悟空编辑器 # 51CTO之悟空编辑器初体验(一个有自己名字的编辑器)
- Element-ui中 表单(Form)校验的几种形式 及 表单嵌套表格含上传(Upload)组件的
- #聊一聊悟空编辑器# 51CTO博客悟空编辑器体验