SAP UI5 本地开发环境的搭建

工欲善其事,必先利其器。时至今日,SAP 提供了非常多的 SAP UI5 开发工具,既包含本地搭建的,也包含浏览器里远端使用的工具,比如 WebIDE 和 Business Application Studio.

我们访问下面这个链接,就能找到所有这些工具的安装或者配置步骤:

https://tools.hana.ondemand.com/#sapui5

如果想选择本地开发,SAP 推荐的工具是 Visual Studio Code,也就是本文要介绍的内容。

也可以下载 WebIDE 的本地安装包,将其安装在一台本地服务器或者个人电脑上使用。通过这种方式搭建的 WebIDE 称为 Personal Edition 即个人版,仅供单人本地使用。

注意 WebIDE 个人版最后一次更新已经早在 2018年12月了,所以我个人更喜欢使用本地的 Visual Studio Code.

在 Jerry 工作的2014年,当时用的是 SAP UI5 Tools for Eclipse 进行的本地开发,如今这个工具也已经被淘汰了。

综合以上几点,本教程使用 Visual Studio Code 进行 SAP UI5 的本地开发。

请大家移步这个链接,根据自己的操作系统进行下载并安装 Visual Studio Code:

https://code.visualstudio.com/download

我用的是 Windows10 操作系统,安装的 Visual Studio Code 位于如下目录。我将该目录加到系统的 PATH 环境变量中去:

这样,我在命令提示行下的任何目录,敲击命令行 "code ." 就可以使用 Visual Studio Code 打开当前目录。这里 code 后面的 句号,意思是“当前目录”。

下图的例子:使用 code . 打开 jerrylist 目录下的 SAP UI5 工程:

打开 Visual Studio Code 后,使用菜单 View-Extensions, 进入 Visual Studio Code 扩展管理页面:

安装这个名为 SAP Fiori tools - Extension Packs 的扩展即可。在 Visual Studio Code 的 Marketplace 里,搜索关键字,在结果列表里找到扩展,在右边的面板里,点击 Install 按钮即可安装。

https://marketplace.visualstudio.com/items?itemName=SAPSE.sap-ux-fiori-tools-extension-pack

除此之外,我还安装了这个名为 UI5 Tools 的扩展:

扩展安装完毕:


更多Jerry的原创文章,尽在:"汪子熙":


你可能感兴趣的:(SAP UI5 本地开发环境的搭建)