并非所有的人都有权限上传代码,为了确保你创建的应用可以被上传到淘宝的服务器,并发布到线上,你需要成为淘应用的开发者,提交申请通过后,便具备了代码上传权限。
如果你曾经使用过 VSCode 来编写代码,那 TBE 对你来说,就太熟悉不过了,
为了保持软件的可扩展性,我们拥抱了社区,VSCode 采用 MIT License 发布,所以我们把他拿了过来,并对核心代码做了一些修改,上图就是我们修改、集成后的效果图。
它最大的不同是,在右侧多了一个 Taobao Bar,在这里,你可以所见即所得地编辑你的代码,当然,你可以通过 cmd + shift + p
调出控制面板,输入 Toggle Taobao
来隐藏这部分功能块。
把你的目光头像编辑器的右下角,这里可以登录你的帐号,点击后会看到一个登录弹窗跳出来,输入你的淘宝帐号密码,看到这个页面,说明你已经成功登录了:
在下图箭头指示处,可以快捷的创建项目:
点击后,会出现项目创建弹窗:
我们会根据应用的配置自动给你生成脚手架,然后你就可以愉快的敲代码了~
脚手架生成的代码是一个简单的 Demo,你可以通过点击右侧 Taobao Bar 的「运行」按钮,直接预览效果:
每次修改文件,当你保存时,都会自动触发构建,右侧也可以实时查看变化的效果。
点击右侧 Taobao Bar
下方的调试代码,你会看到一个十分熟悉的界面
当你开发、调试完毕后,最后一步就是把代码扔到淘宝的服务器啦!
点击右侧 Taobao Bar
下方的「上传」按钮,注意观察下方的输出日志,我们会把每一步上传的细节都打印出来:
上传后,代码会经过云服务器打包、构建、编译、压缩,并进行一些列的安全、性能检测,确保代码能够安全稳定地运行在手淘上。