这里我用的VS Studio 来进行本地化学习
关于SAP UI5是啥,我就不再赘述了,另外还有VS Studio 的安装,请提前做好准备
下面我们直接进入正文
1.首先在你的本地新建一个文件夹,此处我命名为:walkthrough
2.在VS中打开文件夹 walkthrough
3.在 walkthrough 中新建文件夹,此处命名为 webapp
4.右键walkthrough --》打开命令行
5. 安装UI5 CLI
输入命令:npm install --global @ui5/cli
(UI5 CLI(User Interface 5 Command Line Interface)是一个用于开发SAPUI5和OpenUI5应用程序的命仗行工具。它提供了一组命令和工具,用于创建、构建、测试和部署基于SAPUI5和OpenUI5的Web应用程序。使用UI5 CLI,开发人员可以快速地设置和配置项目,管理依赖项,运行本地服务器进行开发和调试,构建生产版本的应用程序,并将应用程序部署到不同的目标环境中。UI5 CLI大大简化了SAPUI5和OpenUI5应用程序的开发过程,帮助开发人员提高开发效率和减少重复性工作)
6.用命令行 ui5 --help 去验证是否已经安装完成
7.创建一个package.json 的文件
命令行:npm init --yes
注意这里要将script 输入的命令替换了,方便你后面直接使用 npm start 运行
{"name": "ui5.walkthrough","version": "1.0.0","description": "The UI5 walkthrough application","scripts": {"start": "ui5 serve -o index.html"}
}
8.命令行 ui5 init 去创建 ui5.yaml文件
9. 在webapp 文件下面创建manifest.json (这其实就是配置文件)
{"_version": "1.58.0","sap.app": {"id": "ui5.walkthrough","title": "{{appTitle}}","description": "{{appDescription}}","type": "application","applicationVersion": {"version": "1.0.0"}}}
10.在命令框中输入 npm start