1.首先要安装nodejs和vscode(建议采用vscode开发),然后才能执行下面的操作
nodejs:https://nodejs.org/en/
vscode:https://code.visualstudio.com/
2.vscode中安装ui5
执行命令:
npm install --global @ui5/cli
3.桌面创建文件夹app1,vscode打开该文件夹,执行init
npm init --yes
报错解决办法:查看解决方法
4.在app1中创建webapp文件夹
5.在app1文件夹里执行,生成ui5.yaml
ui5 init
6.在webapp里创建manifest.json文件
{
"sap.app": {
"id": "sap.ui.demo.walkthrough"
}
}
7.在app1文件夹里执行,会更新ui5.yaml
ui5 use SAPUI5@latest
8.在webapp文件夹下创建index.html文件
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>SAPUI5 Walkthrogh</title>
</head>
<body>
<div>Hello Word</div>
</body>
</html>
9.启动serve,在app1文件夹下执行