使用 Visual Studio Code 从零开始创建一个最简单的 SAP UI5 应用

于 2024-01-07 14:20:41 发布
阅读量1.3k 收藏 23
点赞数 28
分类专栏： 一套适合 SAP UI5 开发人员循序渐进的学习教程 文章标签： 思爱普 SAP SAP UI5 Fiori 后端开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/i042416/article/details/135438532
版权

笔者这套教程写作之后，有朋友反馈，说教程配套的代码里，每个步骤的 SAP UI5 应用都是笔者事先创建好的，这些朋友想自己动手，从零开始创建一个全新的 SAP UI5 应用，问我具体的步骤是什么？

本文就来解答。其实具体的步骤，借助 Visual Studio Code 里 SAP 提供的名叫 SAP Fiori Tools Extension Pack, 非常容易，使用向导，基本上一路 Next Next 就 OK 了，因为 SAP 提供的这些 Extension，其目的就是尽可能提高我们开发人员的开发效率。

当然事先得完成 Visual Studio Code 里这些扩展的安装。

笔者之前的文章已经详细介绍过安装和配置步骤了：

安装完毕后，在 Visual Studio Code 里，使用快捷键 Ctrl+Shift+P，打开命令提示栏，如下图所示，选择 Fiori：Open

了解本专栏 订阅专栏 解锁全文
汪子熙
关注
  • 28
    点赞
  • 踩
  • 23
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
订阅专栏
SAP UI5 应用开发教程的学习目录 - 循序渐进，由浅入深，适合不同水平的 SAP UI5 开发人员
SAP 资深技术专家 Jerry Wang 的技术分享
10-05 2万+
笔者在业余时间设计了这份 SAP UI5 学习教程，把开发一个完整的 SAP UI5 应用的流程，拆分成若干个步骤，力求每个步骤里，把涉及到的知识点都涵盖到。建议零基础或者对 SAP UI5 知之甚少的 SAP UI5 初学者，按照顺序从第一个步骤开始循序渐进地学习，把这些代码下载到本地，配合教程的文字讲解，自己动手，以加深理解。 对于已经有一定基础的 SAPUI5 开发人员，可以通过本文的目录，跳过前面一部分比较基础的章节，直接挑选对自己工作项目有关，或者包含某些知识点自己尚未掌握的章节来有针对性地学习。
SAPUI5-开发环境配置-VS Code安装
总钻风来巡山
12-17 919
SAPUI5 VScode
plastic:一个简单的Visual Studio Code主题
04-02
塑料 v3引入了一种新的语法颜色：函数的薰衣草色。 这有助于降低威士忌色的数量，而威士忌色现在主要用于JSX道具。 范围也得到了进一步简化，将它们分为清晰的类型。 但是，请放心，如果您喜欢v2，仍然可以在“ Plastic Legacy v2”下的主题选择器中找到。 请注意，不再维护v2。 显着特点 全天候编码的深色UI元素。 小调色板可避免视觉过载。 附加的优先标点符号主题； 专心于内容。 颜色 受到Atom的“一个黑暗”主题的启发，但变得越来越简单。 颜色名称由梦幻般的网站提供。 句法 穿梭灰色＃5f6672-评论 学员蓝色＃a9b2c3-标点 薰衣草＃b57edc-功能 Sunglo ＃e06c75-关键字 喷泉蓝＃56b6c2-基元 矢车菊蓝＃61afef-存储 橄榄石＃98c379-琴弦 收获金＃e5c07b-标签 铁＃d4d7d9-变量 威士忌＃d19a66 - JS
Visual Studio Code 使用Git进行版本控制（图文教程）
09-30
主要介绍了Visual Studio Code 使用Git进行版本控制（图文教程），小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
VSCodeILViewer：一个Visual Studio Code C＃IL（中间语言）查看器
02-04
Visual Studio代码C＃IL（中间语言）查看器 Visual Studio Code的IL（中间语言）查看器使您可以快速检查任何给定C＃文件的IL输出。 下载用于Visual Studio Code的IL Viewer 或通过启动快速打开（对于Mac为CMD + P或对于Windows为CTRL + P ）并粘贴以下命令，然后直接将其安装在Visual Studio Code中，然后按Enter。 ext install vscodeilviewer 它是如何工作的？ 利用Roslyn的功能，IL Viewer可以在内存中编译所选文件（以及它具有的所有依赖项），并生成包含IL的
部署 SAP UI5 应用到 SAP BTP 时遇到的 error retrieving MTA 错误消息
SAP 资深技术专家 Jerry Wang 的技术分享
03-16 641
问题描述 当我试图使用 SAP 成都研究院 Business Application Studio 部署一个 SAP UI5 应用到 SAP Business Technology Platform 时，运行命令行 npm run deploy, 遇到如下错误消息： Error retrieving MTA: Could not find MTA mta_archives/archive.mtar 问题分析 查找 SAP UI5 应用文件夹下面，确实没有这个名为 mta_archives/archiv
SAP UI5 初学 ( 一 )、简介
weixin_42646630的博客
06-23 3083
SAPUI5
Visual Studio Code UI5 Language Assistant 扩展介绍
SAP 资深技术专家 Jerry Wang 的技术分享
03-15 214
请注意，该扩展会延迟下载其功能所需的 SAPUI5 元数据。这意味着在启动 VS Code 和相关功能可用之间可能会有延迟。打开/编辑相关 SAPUI5 源文件时，此扩展的功能会自动启用。Visual Studio Code UI5 Language Assistant 的功能有哪些？功能3：xml 里元素的 tooltip。功能2：xml 视图自动校验。
SAPUI5-基础知识-概念&学习路径
总钻风来巡山
12-22 648
SAPUI5 基础知识
SAPUI5 Walkthrough教程（九）——Component Configuration组件配置
qq_54432686的博客
10-20 104
元数据部分定义了对根视图的引用，因此组件现在管理应用程序视图的显示，而不是像以前那样直接在index.js文件中显示根视图。请注意，模型是直接在组件上设置的，而不是在组件的根视图上设置的。我们的组件继承自基类 sap.ui.core.UIComponent，并且必须在重写的 init 方法中对基类的 init 函数进行超级调用。Component.js文件现在由两部分组成：新的元数据部分和之前引入的初始化函数，该函数在初始化组件时由 SAPUI5 自动调用。此操作已在组件中完成。
在Visual Studio Code环境中使用SVN的方案
10-15
主要介绍了在Visual Studio Code环境中使用SVN的方案，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
如何使用visual studio2019创建简单的MFC窗口(使用C++)
12-20
本文介绍了如何使用visual studio2019创建简单的MFC窗口(使用C++) “`cpp 使用visual studio 2019 创建过程请参考Bili的上一篇文章:down_arrow::down_arrow: →！使用visual studio 2019 创建简单的MFC窗口「使用...
VS Code 启动SAP UI5应用
weixin_41045802的博客
03-15 708
1. 安装UI5-Tools 2. 启动UI5-Tools:Server ctrl+shift + P 显示可用插件导航栏 当此目录下仅有一个项目且此目录名为项目名时，启动server时直接打开该项目的主页 当目录下有多个项目时，启动server时，会打开UI5-Tools的启动页 ...
使用 SAP Fiori Tools 部署 SAP UI5 应用到 ABAP 服务器时遇到的各种错误和解决办法
SAP 资深技术专家 Jerry Wang 的技术分享
02-22 769
错误1 (node:28340) UnhandledPromiseRejectionWarning: TypeError: Cannot read property ‘customMiddleware’ of undefined at handleABAP (C:\Code\UI5\Walkthrough\35\node_modules@sap\ux-ui5-tooling\dist\cli\cmd\add-deploy-config.js:113:29) 错误原因：使用的 Fiori tools C
使用 Visual Studio Code 提供的向导和模版创建 Fiori 应用时，遇到故障后的排查指南
SAP 资深技术专家 Jerry Wang 的技术分享
01-03 1285
本文介绍了 SAP UI5 开发人员，使用 Visual Studio Code 里 SAP 提供的扩展（比如 SAP Fiori Tools）进行开发时，如果扩展本身遇到问题，应该如何去进行错误排查。大家实际开发过程中在 Visual Studio Code 里遇到问题的话，也可以在这个帖子评论区留言，大家一起讨论。
使用 Visual Studio Code 搭建 SAP UI5 本地开发环境
热门推荐
SAP 资深技术专家 Jerry Wang 的技术分享
10-05 1万+
工欲善其事,必先利其器。时至今日，SAP 提供了非常多的 SAP UI5 开发工具，既包含本地搭建的，也包含浏览器里远端使用的工具，比如 WebIDE 和 Business Application Studio. 我们访问下面这个链接，就能找到所有这些工具的安装或者配置步骤： https://tools.hana.ondemand.com/#sapui5 如果想选择本地开发，SAP 推荐的工具是 Visual Studio Code，也就是本文要介绍的内容。 也可以下载 WebIDE 的本地安装包，将其安
深入学习SAP UI5框架代码系列之五：SAP UI5控件的实例数据修改和读取逻辑
SAP 资深技术专家 Jerry Wang 的技术分享
01-06 1064
注释写得很棒，不过setProperty的代码本身的执行逻辑也很清晰。第1295行this.mProperties即SAP UI5控件的实例数据存储结构。上图右上角Watch面板里的含义是，当前setProperty方法调用，需要修改text属性，修改成新的值为"Button1".1295行首先从this.mProperties中取出text属性修改前的值，存储在变量oOldValue里。
SAP UI5 未来发展的趋势之一：拥抱 TypeScript
SAP 资深技术专家 Jerry Wang 的技术分享
01-31 1156
这是 Jerry 2022 年第 3 篇原创文章，也是本公众号第 371 篇原创文章。 近年来，前端开发领域迅猛发展，各种新技术、新框架、新工具和新的开发理念，层出不穷。另一方面，前端应用的规则和复杂度也大大增加。虽然 JavaScript 已经成为 Web 前端开发最普遍使用的编程语言，但 JavaScript 诞生之初，并不是为了开发超大规模的复杂前端应用而设计的。作为一门动态类型编程语言，JavaScript 缺乏类型检查支持，使得许多代码问题直至运行时才能被发现，降低了项目开发效率，使其在开发复杂前
JavaScript_构建您的第一个移动应用程序.zip
最新发布
05-20
JavaScript
Visual Studio Code怎么开始一个新项目
05-21
要在 Visual Studio Code 中开始一个新项目，请执行以下步骤： 1. 打开 Visual Studio Code。 2. 在侧边栏中选择“Explorer”(或使用快捷键 Ctrl+Shift+E)。 3. 在“Explorer”中，选择您想要创建项目的文件夹或目录。 4. 点击“新建文件夹”按钮，并为您的项目命名。 5. 右键单击新文件夹，并选择“在终端中打开”(或使用快捷键 Ctrl+Shift+~)。 6. 在终端中，输入“code .”命令，然后按 Enter 键。 7. Visual Studio Code 将打开，并在新项目的工作区中显示。 现在，您已经开始了一个新项目。您可以使用 Visual Studio Code 的编辑器和其他工具来编写、测试和调试代码。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

汪子熙

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值