灵感来源于你不知道JS（图书系列）
我们今天在这里做什么？
我们想知道如何使用sap.m.App和sap.m.Page开发openui5应用程序。此外，我们还想知道如何开发具有最新ES6（Ecmascript 2015）功能的openui5应用程序，如导入/导出、类、箭头函数等。作为项目的核心源代码和快速入门，淘客公众号系统，您可以使用我第一篇文章中的项目。
我博客的目标是不要教您如何正确使用SAP的openui5库。openui5被设计成用几种可能的方法来解决一个问题。所以你可以选择。
我的目标是分享我个人使用这个库的经验和其他一些web开发的东西，这有助于你加快使用openui5的开发速度。
所有代码示例都是在MacOS环境下开发的。在其他环境（Linux或Windows）上，过程应几乎相同。
预先要求
最低要求：
准备好MacOS、Linux或Windows操作系统已安装Chromium浏览器节点.js已安装javascript运行时已安装依赖关系管理器Gulp4 javascript task runner全局安装
附加：
Git客户端（命令行或GUI）安装首选IDE安装（例如visualstudio代码或WebStorm）
首先，我建议您按照我的第一篇文章所描述的方式创建项目（首选）。或者只是从存储库克隆项目（对于懒惰的开发人员）
首先，项目结构会有一点改变
通过添加文件夹扩展结构
通过yarn添加新的开发人员依赖项
您包.json将自动更新为新的依赖项。从不更新中的依赖项包.json手动。
只是简单解释一下所使用的依赖关系：
@types/openui5通常是TypeScript的类型，但我们现在将在代码中使用它来自动完成（visualstudio代码或Intellij IDEA/WebStorm）babel core将JavaScript代码从ES6编译到ES5gulp babel通过gulp任务支持babel编译器babel-preset-ui5用于用babel编译openui5应用程序（非官方）合并流用于合并吞咽流gulp sourcemaps为编译文件生成/写入sourcemapsgulp replace通过gulp tasks
in.babelrc
Update替换文件中的字符串gulpfile.js文件
更新src/应用程序配置.js
更新src/应用程序启动.js
在src/app/pages中/登录.page.js
在src/app/pages中/客户.page.js
在src/app/pages中/客户详情.page.js
看起来一切都准备好了！现在我们可以在命令行下发gulp默认任务
src文件夹的内容将通过Babel编译（.js），复制到内存中的根路径，北京大数据公司，启动watchers，游戏返利，启动browser sync server，在Chromium browser中打开我们的应用程序
在命令行中我们看到如下
在browser中我们看到如下
现在我们需要请确保我们可以调试用ES6功能编写的openui5。
在Chromium浏览器中打开DevTools并单击"源"选项卡。
我们的原始源代码
和编译到ES5的代码
稍后我们将尝试ES6的另一个功能，如扩展、类、rest参数、扩展运算符等
因此，今天到此为止。我们项目的源代码可以在这里找到。请随意尝试源代码，因为这只是成为开发人员的一种方法。快乐的编码！
下一个主题"你不知道Openui5"系列将很快推出。
因此，我们增强了简单的Openui5应用程序：
添加页面和导航。我通常使用sap.m.App和sap.m.Page来快速启动openui5示例代码。
并增强我们的开发环境：
使用Babel和openui5 Babel预设添加ES6支持。添加用于在浏览器中调试ES6代码的源地图。
入门：安装和教程。你好，返现app，国内的云服务器，世界！
