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

背景

近几年，越来越感觉软件的趋势逐渐从客户端越来越转向以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推出后，可以负责人的说是目前这国内最佳云端开发解决方案了。

对比

实际体验（以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等平板上的兼容性就好了，用平板移动办公随时随地也能体验全功能开发环境。