安装noejs

下载地址:Windows (x64) - 18.15.0 LTS

安装vscode

下载地址:最新版vs code

在vscode中安装Fiori开发需要的扩展

在扩展中搜索fiori,选择需要的扩展
安装扩展

创建空白项目

1.crtl+shist+p:展开所有命令,搜索fiori,找到application generator
注意:初次安装完成noejs、vscode后记得重启电脑,否则pplication generator命令会报错

创建项目

2.进入创建模板选择器,可以选择需要的模板,这里选择Basic创建一个空白项目

空白模板

3.下一步:进入Data Source and Service Selection选择数据源,这里我们创建本地项目。选择”None”
4.下一步:Entity Selection
5.下一步:Project Attributes,输入项目基本信息及选择fiori库版本等,还可以选择是否使用typescript这里我们都选择否
6.点击完成后开始下载dependencies,全部下载完成后会打开项目,项目目录如下

项目目录

7.打开终端运行服务

npm start

学习路线ui5.sap.com

  1. Hello World

  2. Walkthrough

  3. Troubleshooting

  4. Data Binding

  5. OData V4

  6. Navigation and Routing

  7. Testing

  8. Mock Serve

  9. Worklist App

  10. Sap Fiori2.0 App

  11. Rule Builder Control

  12. 3D Viewer

  13. ICE Cream Machine

问题

1.'ui5' 不是内部或外部命令,也不是可运行的程序

全局安装 ui5 cli(command line interface)
npm install –global @ui5/cli