Jerry 之前写过一篇文章介绍一个免费的云开发工具:Cloud Shell,这个工具其实就是在浏览器里使用的远程 Linux Shell 环境,预装了 Java,npm,git,nodejs,docker 等常用的开发和部署工具。
本文介绍另一个在浏览器里使用的在线 IDE .
Jerry 所在的团队,使用 Visual Studio Code 进行 SAP Spartacus 的 TypeScript 开发。
除了 Visual Studio Code 之外,StackBlitz 是另一个我们团队经常使用的在线 IDE:
StackBlitz 无需注册,使用 Github 账号即可登录。其界面风格和 Visual Studio Code 极为相似,支持前端三驾马车Angular,React和Vue项目的创建,包含 Web 项目在线开发,自动管理项目依赖,自动编译,页面效果实时预览等实用功能。
StackBlitz 一个典型的使用场景:Jerry 在开发过程中发现某个 Angular 功能点,没有按照我期望的方式工作。显然是我使用的方法不对,我想寻求团队内 Angular 大佬的帮助。
简单地把我遇到问题的代码和错误截图发给大佬们,显然是一种不礼貌的做法。仅仅凭借静态代码和错误提示远远不够,最好能提供一个大佬能够在其本地方便地复现问题的环境:StackBlitz 就是一个比较好的选择。
于是我在 StackBlitz 里创建一个简单的 Angular 工程,把我遇到的问题在这个 Angular 工程里复现,然后通过下图的 Share 按钮,将项目 url 发生给团队大佬。对方在浏览器里打开该 url,就可立即复现我的问题。
StackBlitz 能否作为 SAP UI5 开发的在线 IDE 呢?Jerry 简单试了试,虽然 StackBlitz 无法像原生支持 Angular,React 和 Vue 那样支持 SAP UI5,但仍然可以用来做一些简单的 SAP UI5 应用的验证工作,比如测试某些 SAP UI5 控件的行为。
之前 Jerry 的文章一个用于SAP UI5学习的脚手架应用,没有任何后台API的依赖介绍的脚手架应用,运行在 nodejs express 框架上。同样,我们可以把这个脚手架应用迁移到 StackBlitz 上。
看一个实际的使用 SAP UI5 脚手架应用的需求。
领取专属 10元无门槛券
私享最新 技术干货