SAP OPEN UI5 Step1 环境安装和hello world

转载请联系vx:xiaoshitou5854

首先要安装nodejs,然后才能执行下面的操作

nodejs:https://nodejs.org/en/
vscode:https://code.visualstudio.com/

1,安装ui5

npm install --global @ui5/cli

2,创建你的项目的文件夹app1,进入app1文件夹后,执行init

npm init --yes

3,在app1里创建webapp文件夹

4,在app1文件夹里执行,生成ui5.yaml

ui5 init

注意:在windows下的vscode的命令行下执行此命令会出下面的错误:

ui5 : C:\Users\aaa\App Data\Roaming\npm\ui5.ps1 「about_Execution_Polic 
ies」(https://go.microsoft.com/fwlink/?LinkID=135170) 
+ ui5 init
+ ~~~
    + FullyQualifiedErrorId : UnauthorizedAccess

解决办法:管理员身份运行powershell,执行Set-ExecutionPolicy RemoteSigned命令,然后有个提示,然后输入A,就可以了。
参考:https://kaede.jp/2017/01/23005300/
5,在webapp里创建manifest.json文件

{
    "sap.app": {
        "id": "sap.ui.demo.walkthrough"
    }
}

5,在app1文件夹里执行,会更新ui5.yaml

ui5 use SAPUI5@latest

6,在webapp文件夹下创建index.html文件

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>SAPUI5 Walkthrogh</title>
    </head>
    <body>
        <dir>Hello Word</dir>
    </body>
</html>

7,启动server,在app1文件夹下执行

$ ui5 serve
Server started
URL: http://localhost:8080

8,在浏览器里值执行:http://localhost:8080/index.html

可以看到Hello Word,表示了出来。

官方教程:https://openui5.hana.ondemand.com/topic/3da5f4be63264db99f2e5b04c5e853db
SAPUI5官方文档:https://openui5.hana.ondemand.com/1.97.0/
qq互助群:

posted @   小石王  阅读(6277)  评论(0编辑  收藏  举报
编辑推荐:
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 字符编码:从基础到乱码解决
历史上的今天:
2019-06-20 Linux 读写锁
2018-06-20 emacs 绑定快捷键 c/c++
2018-06-20 用emacs 阅读 c/c++ 代码
点击右上角即可分享
微信分享提示