【腾讯云 Cloud Studio 实战训练营】一个多年云端开发体验者的实战使用

发布时间 2023-08-05 15:48:42作者: ijry

背景

近几年,越来越感觉软件的趋势逐渐从客户端越来越转向以web提供服务的云端,特别是互联网行业,典型的比如原型设计产品,从客户端软件Axure逐渐到墨刀在线原型设计的流行,UI设计行业photoshop&sketch转向蓝湖&MasterGo在线UI设计,web的力量前所未有的强大,可以说一个浏览器就能满足大部分日常需求,这也间接证明了谷歌的远见(开发ChromeBook),而软件代码开发领域虽然偶尔有一些似乎向云端开发的产品发布,但是要么功能不全,要么没有清晰明确的商业模式导致无法继续。在一个就是没有成熟的开源生态支持独立研发不但困难,且用户编程习惯极难改变。

现在好了,随着微软vscode online的发布,越来越多的云端开发产品改用此解决方案,好处不言而喻,对于使用VSCode开发者而言几乎零学习成本,采用了vscode方案甚至还能直接链接本地vscode客户端软件进行开发。

因此在近两年我非常关注云端开发的产品,上一次让我兴奋的产品还是github发布的codespace,经过使用,在当时是唯一的真正的有生产力的云端开发工具,每月还有120CPU小时的免费时长可用。而今天,我看到了国内更加优化,更加适合国人使用的产品发布了,腾讯云CloudStudio。

简介

偶然间看到腾讯云CloudStudio&CSDN这个活动,对云端开发很感兴趣的我就点击参与体验,体验后第一感觉就觉得有点熟悉,稍加研究果然这大概率就是从coding分拆出来的,以前用过coding的产品很熟悉。

本人常年以VSCode为主一把梭开发,不管.net/php/java/js全部都用vscode,其插件丰富、维护稳定;在vscode流行之前曾经用过 BBEdit/Sublime Text编辑器.说实话对于基于web内核的编辑器其实一开始是抵触的,一开始尝试后甚至一度放弃坚持用SublimeText,因为那时候用的是MacBook11寸机型,Sublime Text确实要比vscode快得多,无论是启动速度还是文件打开速度,差别非常明显,在前后端分离时代还可以,可是后来随着前端工程化,前端也越来越多的依赖终端,这时候内置终端的vscode重新引起了我的兴趣,在尝试且对比过后,再加上CPU性能的日益更新与vscode的优化吧,两者的速度差异已经很小了。最终vscode逐渐成为我的主要日常开发编辑器。

Web IDE体验历经历

其实我是很早就对基于浏览器的开发很感兴趣的,我记得第一次体验比较成熟的产品还是当时Coding自主研发的web ide,那时候还没有现在这种成熟的vscode online开源解决方案,GitHub都没有web ide只有简单的文件编辑,那个时候Coding就推出了已经非常领先的WebIDE。后来由于种种原因,时机未到也许,Web IDE没有推广开来感觉。后来coding被腾讯云收购了,web ide这块似乎也没放弃,后来又推出了基于vscode的Studio。而今天的腾讯云CloudStudio明显是脱胎于coding重新正式独立分拆成为一个业务。

2022-2023年是Web IDE竞相发布的时期,在这期间我还体验了github的codespace、阿里云云的DevStudio、1024code,其中在腾讯云CloudStdio出现之前,我认为github的codespace是最完善最稳定的,也很容易理解,毕竟都是微软自家产品;但是github唯一的问题是网络不稳定,经常加载后gitTAB不显示内容,还有项目运行后绑定的演示域名经常加载缓慢。现在在腾讯云CloudStdio推出后,可以负责人的说是目前这国内最佳云端开发解决方案了。

对比

产品

CloudStudio

Github CodeSpace

云效DevStudio

1024space

基于VSCode

支持git导入项目

支持创建模板

实际体验(以uview-plus维护开发为例)

uview-plus是我基于uview2维护的一套支持 vue3 的uni-app移动UI组件库,之前是基于HBuilderX工程的,一直有计划将其示例工程改成cli的,这次借着腾讯云CloudStudio刚好做了下开发体验。

创建项目

首先腾讯云CloudStudio支持直接从github创建项目,通过OAuth2授权连rsa公钥都不需要自己去手动处理,确实用心了。从github导入项目确定后进入容器实例启动流程,可以看到详细的启动日志。

安装依赖

因为之前项目是基于HBuilderX的,但是也在目录里保留了一个基本的 cli工程,因此需要到具体的目录下code/uview-plus-cli-project执行。

npm i

运行项目

npm run dev:h5

演示网址

可以看到项目你启动后,系统自动进行了端口映射绑定,这样就能在腾讯云CloudStdio提供的子域名进行开发阶段的网站实时访问了。

项目结构改造

在看到腾讯CloudStudio还提供创建可以分享的项目模板后,立即进行了尝试,因为作为开源软件的维护者,日常最常见的问题就是用户对于开源软件的初始引入问题解答,有了这个功能,当用户再遇到类似问题,直接让用户访问模板链接创建一个云端项目,立刻就能体验自己开软件的功能,既能减少用户的时间耗费,也能提升开源产品在用户中的口碑。

按照此思路我立即对早已有计划却未实施的cli化工程改造,改造的过程其实不难,主要是将原根目录的pages、store、static、common、util等目录移动至src目录下,然后再合并package.json的内容,由于之前我也有过类似经历,所以不费什么时间,在腾讯云CloudStudio上就完成了项目改造。经过测试后已经能正常使用,也发布了模板更新,并在uview-plus用户群里推广。

体验:「uview-plus移动UI组件库」模板 https://cloudstudio.net/templates/3802ynh0pvk

总结

腾讯云 Cloud Studio在我体验下来目前是完成度最高的产品,无论是与git的集成,还是对访问端口的自动绑定处理;无论是对团队开发的支持,还是正在内测的与AI的集成,可以预期腾讯云CloudStdio将会逐步走进个人开发、走进企业开发中去,非常推荐大家未来在其上进行日常开发。

个人建议

1、如果将来能够推出vscode的微信小程序插件支持在腾讯云 Cloud Studio开发微信小程序就更到位了。

2、如果能优化优化在iPAD等平板上的兼容性就好了,用平板移动办公随时随地也能体验全功能开发环境。