除了SAP官方支持的WebIDE、SAPBusinessApplicationStudio，这些运行在浏览器端的开发工具都可以开发SAPUI5，我们还可以使用StackBlitzAn用于开发SAPUI5应用程序的在线Web应用程序开发工具。我在这里做了一个例子，你可以通过这个链接访问它。当我们打开这个页面时，观察到的画面可以分为四个区域，下面会一一介绍。用过VisualStudioCode编辑器的朋友不难发现，这其实就是浏览器版的VisualStudioCode。(1)显示一个文件树结构，包括SAPUI5项目的所有资源文件，包括xml视图实现和控制器实现（JavaScript代码）。在Jerry提供的例子中，SAPUI5应用使用开源构建工具ui5cli构建启动，而ui5cli是基于Node.js的，所以ui5cli的配置文件ui5.yaml和Node.js在上图中也可以观察到项目需要的package.json文件。(2)StackBlitz在线开发环境中编辑文件的主要区域。(3)StackBlitz的终端控制台，我们可以在这里执行各种命令行。(4)SAPUI5应用启动后，渲染页面会出现在该区域。目前，上图中的区域4显示了bottingwebcontainer。在浏览器编辑环境的上下文中，WebContainer技术使Node.js应用程序能够在浏览器环境中原生运行。在区域3的终端中，我们输入命令行ui5serve：首先，我们会看到StackBlitz自动下载了ui5cli的包，相当于为我们执行了npminstall：接下来，区域4显示了当前所有的SAPUI5项目。文件夹列表。我们复制这个url：https://jerry-ui5-app--8080.l...打开一个新的浏览器窗口，在最后添加index.html，就可以访问这个SAPUI5应用：https://jerry-ui5-app--8080.l...关于运行在StackBlitz上的SAPUI5应用的调试，和运行在其他环境下没什么区别，ctrl+alt+shift+p，在弹出的对话框中启用调试框内模式，刷新浏览器，即可加载调试版JavaScript源码进行调试。更多Jerry原创文章在这里：《王子熙》：
