SAPUI5-开发环境配置-UI5 Tooling介绍

​本文主要目的是让大家了解什么是UI5 Tooling ,适合新手直观的理解UI5 Tooling的作用。

在没有UI5 Tooling的情况下，为了能够在您选择的本地开发环境中使用 SAPUI5 必须通过SAP的官方地址 Development Tools手动下载并解压缩 SAPUI5 SDK 或其运行时部分(runtime)。

 或者必须依赖与 SAPUI5 资源在线托管的网站下载，例如Github。

并且资源下载之后需要手动引入到开发环境，且需要进行后续一系列的配置才能使用，以SDK为例，如下图先要将SDK解压引入到开发环境：

引入之后，需要部署到服务器，才能运行（这里以部署到node http-server为例）：

浏览器打开，整体比较繁琐复杂，而且不方便版本管理：

      目前Web 应用程序的开发人员习惯于构建在 Node.js 和 npm 之上的生态系统，由命令行驱动将其用到的开发工具集成到现有的开发环境中，更方便管理。例如：SAPUI5项目中要使用Fiori的主题，执行NPM命令，即可下载对应资源：

npminstall @openui5/themelib_sap_fiori_3

在项目目录node_modules中,引入对应资源

NPM和Node.js介绍，详见公众号文章：

1.SAPUI5-开发环境配置-NPM使用介绍

2.SAPUI5-开发环境配置-Node.js是个啥？

UI5 Tooling

       尽管每个 SAPUI5 库都发布在公共npmjs.com注册表上，开发人员可以通过NPM指令使用这些资源，但 UI5 工具可以进一步减轻配置负担。作为使用 SAPUI5 库的开发人员，只要指定使用的 SAPUI5 版本，其余所有内容都开箱即用。这正是它要实现功能的目的。

安装UI5 Tooling 

# 全局安装

npm install--global @ui5/cli​

# 本地安装，在项目根目录下

npm install --save-dev @ui5/cli

UI5 Tooling 使用：

参考网站：https://sap.github.io/ui5-tooling/#ui5-tooling