SAP UI5 walkthrough step1 hello word

ABAP_RUN

已于 2023-12-07 08:58:03 修改

阅读量804

点赞数 30

分类专栏： UI5 文章标签： SAP abap

于 2023-12-07 08:55:37 首次发布

本文链接：https://blog.csdn.net/IamRunjiang/article/details/134845963

版权

UI5 专栏收录该内容

14 篇文章 1 订阅

订阅专栏

这里我用的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