灵感来源于你不知道JS（图书系列）

我们想知道如何引导openui5应用程序。完成本文的所有步骤后，您将拥有一个项目，它是其他文章中未来项目的核心。

我博客的目标是不要教您如何正确使用SAP的openui5库。openui5被设计成用几种可能的方法来解决一个问题。所以你可以选择。

我的目标是分享我个人使用这个库的经验和其他一些web开发的东西，这有助于你加快使用openui5的开发速度。

所有代码示例都是在MacOS环境下开发的。在其他环境（Linux或Windows）上，过程应几乎相同。

预先要求

最低要求：

准备好MacOS、Linux或Windows操作系统已安装Chromium浏览器节点.js已安装javascript运行时已安装依赖关系管理器Gulp4 javascript task runner全局安装

附加：

Git客户端（命令行或GUI）安装安装首选IDE（例如Visual Studio代码或WebStorm）

项目结构

创建项目文件夹结构并配置web项目

在发出yarn init后回答所有问题，您将拥有包.json项目的配置文件。

安装项目开发依赖项

在您可以找到的项目文件夹中纱线.锁紧文件。请不要编辑该文件，您需要将该文件提交到git存储库。

只是简单解释一下所使用的依赖项：

gulpjs/gulp#4.0最新的gulp特性，如吞咽系列, 大口大口地喝等等。gulpmem插件提供了内存中的目标功能实时服务器上快速web开发的浏览器同步http代理中间件，用于通过代理

写入配置openui5资源自述文件.md以及许可证.md无论您想要什么，或在.gitignore

In.editorconfig

In.gitignore

In.editorconfig

In.gitignore

In.editorconfig

In代理.js

在这里您可以配置openui5资源来使用。我们有openui5版本1.50.8的配置。如果删除目标选项中的版本号，看云，则每次都会有最新的openui5版本gulpfile.js文件

在src中/索引.html

这是我们在src中应用

的起点/应用程序配置.js

是openui5应用的配置。在这里可以找到可能的配置选项的完整列表。

在src中/应用程序启动.js

加载openui5资源和配置时是应用程序的起点

看起来一切都准备好了！现在我们可以在命令行下发gulp默认任务了。

src文件夹的内容将被复制到内存的根路径，大数据要学什么，云服务器吧，观察者将被启动，企业应用中心，浏览器同步服务器将被启动，我们的应用程序将在Chromium浏览器中打开。

在命令行中，我们看到下面的

在浏览器中，淘客如何推广，我们看到下面的

所以，今天到此为止。我们项目的源代码可以在这里找到。请随意尝试源代码，因为这只是成为开发人员的一种方法。快乐的编码！

下一个主题"你不知道Openui5"系列将很快推出。

因此，我们实现了第一个非常简单的Openui5应用程序：

Openui5的引导。我的建议是使用单独的文件进行配置。应用的起点。我建议你，每次都要把主要的js和主要的html分开。

并且或多或少地配置我们的开发环境：

通过yarn开发依赖关系。它超快。吞咽任务：复制文件，监视更改，启动developmentserver。记忆发展。这比通常的方法快。带有代理的开发服务器可防止CORS问题。

Openui5快速指南：步骤1–引导演练：步骤2–引导要素。引导：加载和初始化