Cloud Studio + iPad,让代码之舞飞扬在指尖
- 妙手偶得,开启神奇之旅
- 立即反馈,一切尽在掌握
- 版本控制,简单易用
- MetaWork 协作,摸鱼变得不再轻松
一直以来,开发者大多都习惯在电脑端开发,而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官网