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