【腾讯云Cloud Studio实战训练营】Cloud Studio + iPad，让代码之舞飞扬在指尖

​一直以来，开发者大多都习惯在电脑端开发，而iPad只是用来刷刷剧，打打游戏，作为一个程序猿（程序员的别称，也许你已经熟知），我一直对能在iPad上面编程这个想法怀有浓厚的兴趣。就像是想在午后的阳光下，在公园的长椅上，在咖啡馆的窗前，拿着iPad随意敲出一些代码，方便惬意。恰逢近期有朋友向我推荐了Cloud Studio，在移动计算的新时代，随着云技术的广泛应用，云端集成开发环境（Cloud IDE）似乎也逐渐成为开发者的首选工具。它让我们可以随时随地进行编程，只需一个具有互联网连接的设备，就可以进行项目的创建，代码的编写，项目的部署和调试等各种操作，我似乎看到了iPad编程的希望。

​目前我通过在iPad上使用Cloud Studio开发了一个名为“今天是什么日子”的Vue小应用，也算是对Cloud Studio进行了一个简单的了解以及对Vue开发的入门。

妙手偶得，开启神奇之旅

​初始化项目，便捷高效，Cloud Studio的用户界面简洁且易于使用。在我的iPad上，只需几次轻触，我就能在Cloud Studio中创建并初始化一个新的Vue项目。而且其中内置了多种语言环境的空间模版，包括框架模版，云原生模版，建站模版等，整个过程不仅直观便捷，而且大大节省了我本地环境配置的时间，这在iPad这样的移动设备上尤为重要。我们以Vue环境为例，直接在空间模版->框架模版中选择Vue.js即可。额。。。应该用不了5s。

立即反馈，一切尽在掌握

在Cloud Studio中编写代码的享受和在电脑端差别不大（毕竟我们已经熟悉了那些开发工具）。代码编辑器同样拥有代码高亮、自动补全、代码缩进等功能，使我可以在iPad的触控屏上也能流畅地编写代码。每次保存文件，Cloud Studio都会自动整理格式，让我的代码看起来更加清晰整洁。比较惊艳的地方在于即使使用的标准型工作空间，也并没有我想象中的卡顿情况，如果更注重性能与速度的朋友可以选择计算型或者专业型。Cloud Studio 云端 IDE 的工作空间内置预览插件，方便您生成一个预览链接，用于实时调试预览或项目展示，效果一目了然，可以随时查看我的Vue应用的界面和功能变化。这让我能够在移动设备上，及时反馈代码改动所带来的效果，大大提升了开发效率。

注意：如果没有自动打开预览窗口的话，可以选择文件->打开预览文件preview.yml，没有该文件会自动创建，可以在文件中添加autoPreview: true # 是否自动打开预览, 若无则默认为true，下次会自动打开预览，更多配置请查看官方文档。如果存在预览视图不显示的情况，可以在vite.config.js中配置server-host为127.0.0.1，更多配置请查看Vite官方文档。

目前该项目主要是查询了今天在历史上是什么日子，当然后续可以开发一个添加自己重要日子的功能以及提醒功能，关于查询历史调用了聚合数据的API，目前普通用户每次只有50次的调用次数（留下了贫穷的泪水）。调用该接口并显示数据需要处理跨域以及浏览器block:mixed-content问题（聚合的API是Http协议），因此我们需要有一个代理服务器来处理，相关主要代码见项目中的proxy.js，可以新建nodejs工程替换index.js的内容即可，如何创建nodejs项目以及如何部署服务器在此不再详述。

注意：proxy.js只是做了简单的转发以及https的处理，在生产环境中，你可能需要添加更多的安全性和性能优化，例如HTTP/2支持，OCSP stapling，HSTS，CSP等。文件中的key和cer请替换成自己的文件地址。

版本控制，简单易用

Cloud Studio集成了Git，使得我能在iPad上方便地进行版本控制操作。我可以在同一环境中完成代码的提交、推送等一系列操作，无需切换到其他应用或者使用命令行，对于在移动设备上进行开发的我来说，这无疑是一大福音。目前新建工作空间支持CODING和GitHub平台，当然也可以选择其他平台的仓库地址（Https只能克隆公开仓库），于是我掏出了曾几何时创建的CODING账号，额。。。似乎CODING也是腾讯的了，那用这个平台登录Cloud Studio理所应当。

MetaWork 协作，摸鱼变得不再轻松

Cloud Studio 云端 IDE 推出最新套件 MetaWork ，通过开启项目工作空间的协作模式，开发人员之间的工作能够通过音视频和留言互助联动，使开发工作更具沟通便捷性与高效性。

协作发起者在打开并成功登录 Cloud Studio，成功下载并安装 MetaWork 套件后，点击“开始协作”按钮，即生成协作邀请信息，发起者点击“再次复制链接”按钮，将下述信息粘贴发给需要参与项目的人员。同时，项目进入协作计时，计时显示在右上角控制面板中。点击“语音/视频”右侧“右箭头”按钮，即可发起与协作成员的音频或视频互动；音视频功能开启后，点击“关闭”按钮，即可退出音视频功能功能。点击“留言板”右侧“右箭头”按钮，即可发起与协作成员的留言板互动，在页面中的留言板界面，不仅可以进行文字聊天，还可以进行代码片段分享；留言板功能开启后，点击“关闭”按钮，即可退出留言板功能。目前工作空间协作具有跟随功能、编辑器协同、终端协同等，以后老板再也不担心员工摸鱼了（shift）。

由于项目过于简单，以上就是对Cloud Studio的初次使用体验，还是有很多很棒的功能点没有涉及到，例如代码评审，发布部署，AI助手（可以先排队）等，总的来说，我在iPad上使用Cloud Studio开发“今天是什么日子”的Vue应用的体验还不错。无论是项目的初始化、代码的编写，还是项目的部署和调试，Cloud Studio都能提供强大的支持。同时，其出色的便携性使我可以随时随地进行编程，给我的开发过程带来极大的便利（毕竟可以不工作但是不能不娱乐，iPad还是要带的）。无论你是经验丰富的开发者，还是初入行的新手，我都强烈推荐你试试在iPad上使用Cloud Studio，感受一下云端编程的魅力。

示例代码
Cloud Studio官网
Coding官网