这篇博文是在我们发表了一篇关于最近退役的SAPUI5 Eclipse工具的替代品的文章之后，我们所谈到的内容。在本文中，我们将向您展示一些有用的技巧和窍门，这些技巧和窍门对于使用您选择的JavaScript IDE开发SAPUI5应用程序是必不可少的。有许多代码示例可以在您的环境中轻松实现。

一般来说，我们推荐SAP Web IDE作为SAPUI5应用程序开发的首选开发环境。它提供了最大的功能集，可以轻松地与ABAP本地平台以及SAP云平台集成。但是，您通常可以使用任何支持JavaScript开发的IDE。有各种各样的UI5开发工具和IDE插件可用。在本博客中，我们选择了一种可能性来启用您以前的Eclipse项目，但您可以根据需要调整它并选择任何其他工具。

启用应用程序预览

在开发应用程序时，预览是关键。下面，我们将展示如何通过UI5中间件servestatic 为UI5分布层库提供服务，并通过UI5中间件simpleproxy将OData请求代理到ABAP后端，从而启用应用程序预览。使用ui5中间件livereload，当应用程序中的文件发生更改时（例如保存时），您可以获得实时重新加载的额外好处。我们还将使用自定义任务ui5 task nwabap deployer启用对ABAP系统的部署，大数据好不好，这将在下一章中解释。

如果您想了解更多关于这些中间件及其用法的信息，请访问https://github.com/petermuessig/ui5-ecosystem-showcase。

工作原理如下：

如果文件已经存在，只需添加缺少的行。

如果需要其他证书，云服务器服务器，请将指向它的路径放在 sslcert变量中。它可以是相对路径或绝对路径。不要忘记JSON编码需要转义为\ \ \，例如 "sslcert"："certs"\\sslcert.cer公司"

打开项目文件夹的命令行窗口并运行以下命令：

npm install"这将下载并解压所有必需的依赖项。您只需作为先决条件执行一次。如果您是公司代理的幕后黑手，您可能必须首先设置代理环境变量。npm运行开发这将启动一个小型服务器，云品，为您的项目源、下载的UI5资源提供服务，并将OData调用转发到后端系统。它还会在默认浏览器中启动应用程序URL。如果在项目中进行更改，浏览器将自动刷新。npm跑步观察它的行为与npm run dev类似，立返利，但它也将执行项目的构建并基于结果运行预览。构建会产生小型化的资源和包来优化性能。

就是这样！

部署到SAPUI5 ABAP存储库

建议为您的项目设置一个持续集成管道，在将更改提交到Git存储库后，该管道将自动构建并部署到ABAP服务器。了解其工作原理： https://developers.sap.com/tutorials/ci-best-practices-fiori-abap.html

如果您想直接从开发人员机器部署，您有两个选项：

选项1：执行：npm run deploy这将运行生成，然后将生成结果部署到ABAP。您可以使用ui5中的参数自定义传输请求的创建-亚马尔地区，请参阅UI5工具自定义任务以将UI5源部署到ABAP服务器。避免将登录凭据存储在ui5中-距离yml文件中，可以将它们设置为环境变量 UI5_TASK_NWABAP_DEPLOYER_uuuser和 UI5_TASK_NWABAP_DEPLOYER_uupassword。选项2：使用ABAP report/UI5/UI5_REPOSITORY_LOAD部署dist文件夹的内容，请参阅使用SAPUI5 ABAP REPOSITORY

启动新的UI5项目

要开始使用最先进的技术开发新的应用程序，请看一看介绍easy-UI5生成器。这个工具能够生成一个新的UI5应用程序，网建站，它使用组件并附带应用程序描述符清单.json以及单元测试的运行程序。

为了从ABAP系统连接OData并在那里部署，您只需增强生成的 包.json 并添加 ui5.yaml和ui5-亚马尔地区 文件。一个真正的启动任何新的UI5项目！

更多信息

如您所见：为SAPUI5项目准备好您喜欢的JavaScript IDE并不困难。如果您想了解更多关于使用UI5工具设置新的本地开发环境的信息，请查看以下博客文章系列：使用UI5工具端到端地设置本地开发环境。