系统环境:win11
1.下载Vscode并安装,然后关闭。
2.下载nodejs(启用NPM服务),关闭vscode后安装,否则在vscode里面首次运行npm命令报错。
3.安装ui5
vscode终端(或系统终端)输入:
npm install --global @ui5/cli
4.D盘下手动新建项目文件夹Fioristudio(名称随意,非中文路径下)。
5.Vscode下打开文件夹,进入Fioristudio 文件夹(首次打开选择信任)。
PS D:\> cd fioristudio
PS D:\fioristudio>
6.在Fiorisutdio下,执行init。
npm init --yes
生成 7.在Fiorisutdio下,创建webapp(必须用这个名称)文件夹。
8.在Fiorisutdio下,生成ui5.yaml。
ui5 init
若报错,请参照执行。【PowerShell】外部ファイル実行時にポリシーエラーが発生する際の対処方法 - かえでBlog (kaede.jp)
9.在webapp下创建manifest.json
{
"sap.app": {
"id": "sap.ui.demo.walkthrough"
}
}
10.在fioristudio下执行,更新ui5.yaml至最新。
ui5 use SAPUI5@latest
更新ui5版本(ui5.yaml会更新)。
11.在webapp下,创建index.html。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>SAPUI5 Walkthrogh</title>
</head>
<body>
<dir>Hello Word</dir>
</body>
</html>
12.启动server,在fioristudio下执行。
$ ui5 serve
13.访问网址