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

news2024/11/18 15:51:59

Cloud Studio + iPad,让代码之舞飞扬在指尖

  • 妙手偶得,开启神奇之旅
  • 立即反馈,一切尽在掌握
  • 版本控制,简单易用
  • MetaWork 协作,摸鱼变得不再轻松

1

​一直以来,开发者大多都习惯在电脑端开发,而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。

2

立即反馈,一切尽在掌握

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

3

注意:如果没有自动打开预览窗口的话,可以选择文件->打开预览文件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理所应当。

4

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

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

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

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

示例代码
Cloud Studio官网
Coding官网

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/886651.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Swift 基础

工程目录 请点击下面工程名称,跳转到代码的仓库页面,将工程 下载下来 Demo Code 里有详细的注释 点击下载代码:swift-01

windows 删除桌面右键菜单多余项

Step1:打开注册表 winr输入 regedit Step2:输入以下路径,跳转到相应位置 计算机\HKEY_CLASSES_ROOT\Directory\Background\shell 即可查看当前所有的右键选项,如下图所示 Step3:删除不需要的选项 直接删掉相应的文…

javaScript:数组检测

目录 一.前言 二.数组检测方法 1.every() 2.some() 3.filter() 一.前言 数组检测是指在编程中对数组进行验证和检查的过程。数组检测可以涉及以下方面: 确定数组的存在:在使用数…

NLP中的RNN、Seq2Seq与attention注意力机制

目录 NLP自然语言处理 的RNN、Seq2Seq与attention注意力机制 RNN循环神经网络 前馈网络入门 前馈网络 循环网络 多层感知器架构示例 循环神经网络的运作原理 展开 RNN seq2seq模型 Attention(注意力机制) 总结 引用 NLP自然语言处理 的RNN、…

Vite更新依赖缓存失败,强制更新依赖缓存

使用vitets开发一段时间了,感觉并不是想象中的好用,特别是出现些稀奇古怪的问题不好解决,比如下面这个问题 上午9:50:08 [vite] error while updating dependencies: Error: ENOENT: no such file or directory, open E:/workspace-dir/node…

2023年备受欢迎的5款团队任务管理工具

任务管理是团队协作的重要环节,选择合适的团队任务管理软件可以提高工作效率、明确责任分工、加强沟通协作。在互联网领域,有许多好用的团队任务管理软件可供选择。下面介绍5款比较知名的团队任务管理软件,并从互联网场景的相关背景内容上进行…

懵了,面试官问我Redis怎么测,直接凉了...

前言 有些朋友来问我,redis要怎么测试?首先我们需要知道,redis是什么?它能做什么? redis是一个key-value类型的高速存储数据库。 redis常被用做:缓存、队列、发布订阅等。 所以,“redis要怎么测…

JavaEE初阶:多线程 - Thread 类的基本用法

上次我们了解了多线程的五种创建方法,今天来学习Thread的基本用法。 目录 run和start Thread常见的构造方法 Thread的几个常见属性 后台线程 是否存活 线程终止 1.使用标志位 2.使用Thread自带的标志 等待线程 run和start 首先需要理解Thread的run和star…

小程序商品如何设置指定的配送规则

小程序配送规则包括商品是否包邮、包邮金额、起总金额、计费方式、配送区域等,这些规则直接影响到商家的运营和用户的购物体验。下面将详细介绍如何给商品设置配送规则。 1. 添加配送规则。商家在配送设置->配送规则,添加配送规则。配送规则支持的功…

openpnp - 做一个抛料盒

文章目录 openpnp - 做一个抛料盒概述效果图零件 - 抛料盒主体零件 - 磁铁仓盖板END openpnp - 做一个抛料盒 概述 8mm散料飞达做回来了, 上面用的长方形磁铁(4x6x10mm)透过0.8mm的3D打印薄壁, 和固定铁板的吸力很大, 用磁力固定的非常好. 正好缺一个抛料盒, 就按照散料飞达的…

Vue中拖动排序功能,引入SortableJs,前端拖动排序。

背景: 作为一名前端开发人员,在工作中难免会遇到拖拽功能,分享一个github上一个不错的拖拽js库,能满足我们在项目开发中的需要,支持Vue和React,下面是我在vue后台项目中中使用SortableJS的使用详细流程&am…

现代C++:使用 shared_from_this 防止 this 提前被释放

首先概括一下shared_from_this的作用:可以在类的成员函数中直接通过this得到指向当前所在对象的shared_ptr的智能指针,具体操作如下。 使用方法 设需要提供shared_from_this方法的类为C0定义为类,首先需要将C0定义为 std::enable_shared_fr…

NCAA棒球介绍·棒球1号位

NCAA棒球介绍 1. NCAA简介 NCAA(National Collegiate Athletic Association)的历史与发展 NCAA,这个拥有94年悠久历史的体育联盟,从一所校际体育比赛,发展成为世界上最大的大学体育组织,NCAA的发展历程充…

.NET Core发布到IIS

项目介绍 1、开发工具Visual Studio 2017,语言C#,SQL SERVER,WIN10 2、本地IIS,手机上或其他用户在和本地在同一个局域网内访问,同时要把防火墙关掉 3、IIS全名Internet Information Services,用来发布网站 先决条件 安…

[UE4][C++]使用qrencode动态生成二维码

一、使用CMake编译x64版本qrencode 下载地址 GitHub - fukuchi/libqrencode: A fast and compact QR Code encoding libraryA fast and compact QR Code encoding library. Contribute to fukuchi/libqrencode development by creating an account on GitHub.https://github.…

同创永益郑阳|与数智化共舞·业务稳定性保障新动力

2023年8月2日,由北大创新评论主办的2023 Inno China中国产业创新大会-保险产业创新论坛在京举办。本次论坛由同创永益、青牛软件、DaoCloud道客联合主办,INNO创新家、产业集群发展提供战略支持,未名数创承办,邀请到了学术专家、行…

抖音怎样发才有更多人看?四川玖璨电商

抖音是一款非常受欢迎的短视频应用程序,如果你想让更多人看到你的视频,那么你需要学习如何正确地使用抖音平台。在本文中,我们将提供一些有用的建议,以帮助你增加你的观众数量,让你的视频更加受欢迎。 1. 精心选择主题…

配置/var/tmp/fstab 权限/配置用户账户/查找文件/查找字符串

目录 配置/var/tmp/fstab 权限 配置用户账户 查找文件 查找字符串 创建归档 配置/var/tmp/fstab 权限 配置文件权限,将文件 /etc/fstab 复制到 /var/tmp/fstab 。配置 /var/tmp/fstab 的权限以满足 如下条 件: /var/tmp/fstab 属于 root 用户…

光致发光荧光量子产率测试系统

荧光量子产率,是单位时间(s)内,发射荧光的光子数与吸收激发光的光子数之间的比值,符号φf。它表示物质将吸收的光能转变成荧光的能力,是荧光物质一个最基本而重要的参数。φf值的大小与物质的化学结构紧密相…