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的原创文章，尽在："汪子熙":