iPad 编程生产力

sxkk20081年前知识分享132

前言

iPad 有个口号,就是“买前生产力,买后爱奇艺”,使用 iPad,配合 Procreate 来作画体验还可以, 如果你想让你的 iPad 可以编程,你却不得不为之花费时间和精力,我搜了网上的教程,大致可以总结为以下 2 步:

  • 第一步:租个服务器,租一台云服务器,阿里云、腾讯云、华为云都可以;
  • 第二步:iPad 上下载安装 Termius,然后就可以通过 Vim 编程了;

Termius

经过一晚上的配置和折腾,花钱不说,虽然可以实现在 iPad 上编程的需求,但体验远却比不上 PC,今天我就来推荐一种新的方式,让你的 iPad 变成真正的生产力工具。

Cloud Studio 简介

Cloud Studio 是基于浏览器的集成式开发环境(IDE),为开发者提供了一个永不间断的云端工作站。用户在使用 Cloud Studio 时无需安装,随时随地打开浏览器就能使用。

Cloud Studio iPad 编程 以上是我用 iPad 浏览器,在 1 分钟内初始化了一个 next 初始化模板,可以说速度比本地开发还快,当我在左侧修改代码时,右侧预览界面便会同步热更新。

Cloud Studio 安装 react snippts

Cloud Studio 可以说是提供了一台云服务器,并且把 VSCode 搬到了线上,我们可以同本地开发一样,在上面安装插件,比如可以在左侧扩展中搜索 react,安装这个 react snippts 扩展,便可以帮助我们提供常用代码片段,快速创建组件。

支持语言和模板

目前,Cloud Studio 全面支持 Java Spring Boot、 Go、.NET、Python、Node.js 等丰富的开发模版示例库,具备在线开发、调试、预览、端口自动识别等能力。同时,Cloud Studio 已经集成在线开发协作模块,开发者能够随时随地设计、讨论和开发。

Cloud Studio 支持的模板

我们可以选择熟悉的语言和模板进行开发。

部署

Cloud Studio 具备标准化的云端安装部署能力,支持主流代码仓库的云端克隆,比如我创建的 next 应用,可以点击左侧的小飞机图标,可以部署到腾讯云或者阿里云的 serverless 环境

Cloud Studio 部署

我这里点击腾讯云,使用微信扫码登录后便可以直接部署到腾讯云 serverless

Cloud Studio 部署成功

部署完成后点击访问按钮,便会打开部署完成后的地址,访问在线地址。

自定义模板

我习惯了使用 Next.js 和 Tailwindcss 来做我项目的初始化模板,那么我每次初始化项目的时候都需要重新配置 Tailwindcss 吗?并不是,Cloud Studio 推出了自定义模板的功能,主要包含四个方面,创建、发布、分享和管理,具体大家看参考文档

Cloud Studio 发布自定义模板

在菜单上点击“发布自定义模板”

Cloud Studio 发布自定义模板

填写相关信息后,便可以发布一个熟悉的模板了。

协作编程

Cloud Studio 还有个强大的功能就是协作编程,开发者只需要点击左侧导航上的多人协作按钮,然后点击开发发起协作,控制台便会自动复制协作链接 Cloud Studio 协作编程 将协作链接发送给协作伙伴,当协作伙伴点击链接,会在下方提示是否允许加入。

Cloud Studio 协作编程跟随效果

协作伙伴加入后,我们就可以实时看到协作伙伴的操作和编码了。

关于计费

当然提供开发的标准型云服务器( 2 核 4 GB) 并不是完全免费的,每月赠送 1000 分钟时长,当我们开始使用工作空间时,就会开始每 10 分钟计费,从我们每个月 1000 分钟的额度里扣除相应的时长,所以如果不用工作空间的时候千万要记得停止工作空间。

点击工作空间后方的停止按钮即可停止计费,同时工作空间停止运行。

Cloud Studio  停止服务

使用自托管云主机

上面说的使用模板的工作空间是付费制的,会消耗每个月 1000 分钟的额度,如果你觉得每个月 1000 分钟不够的话,那么除了付费,你还可以将工作空间连接至自己的云服务器,这样就可以通过 Cloud Studio 在自己的云服务器中运行程序和开发了。

Cloud Studio 使用自托管云主机

选择云主机

Cloud Studio 使用自托管云主机

输入 IP 用户名和密码,便可以连接自己的服务器,在 Cloud Studio 中进行开发了。

Cloud Studio 使用自托管云主机成功

默认是在 root/RemoteWorking目录下,我目前还没发现修改目录的位置,因为是自托管的云主机,所以除了服务器自带的环境,其他的环境都需要自行配置,这里不再详细阐述。

使用感受

  • Cloud Studio 做到了开发环境零配置,让我们随时随地只要有网络就可以进行开发,让 iPad 也成为了编程利器;
  • Cloud Studio 极大地降低了开发者对环境部署的要求,可轻松将应用部署上线;
  • Cloud Studio 在协作编程、网络教学、远程面试等环节中将会发挥巨大作用;

Cloud Studio 还很新,我在使用中,遇到了一个关于模板发布的问题,我加入了 Cloud Studio 问题反馈群,经过群里小伙伴的细心排查,也得到了解决。最后,希望 Cloud Studio 越来越好。

以上就是本文全部内容,如果对你有帮助,可以随手点个赞,这对我真的很重要,希望这篇文章对大家有所帮助,也可以参考我往期的文章或者在评论区交流你的想法和心得,欢迎一起探索前端。

相关文章

百度AI开放平台:人工智能技术引领创新时代

百度AI开放平台:人工智能技术引领创新时代

  随着人工智能技术的不断发展和普及,百度AI开放成为了推动行业创新和变革的重要引擎。百度AI开放平台为开发者提供了丰富的人工智能技术接口和工具,以及全面的技术支持和众多成功...

AI客服机器人哪个好?市场需求逐渐提升

AI客服机器人哪个好?市场需求逐渐提升

  近年来,AI客服机器人在以公开渠道为主的服务行业中逐渐得到了大众的认可和广泛的应用。然而,不同的AI客服机器人平台各有特点,产品质量和服务水平也不尽相同。本文将从市场需求...

AI科技:改变世界的技术创新

AI科技:改变世界的技术创新

  随着人工智能(AI)技术的飞速发展,我们正处于一个科技革命的时代。AI已经渗透到各个领域,对我们的生活产生着深远的影响。无论是在医疗保健、交通运输、金融服务还是教育等行业...

为什么人工智能产品正在改变我们的生活和工作方式?

为什么人工智能产品正在改变我们的生活和工作方式?

  人工智能作为一项创新技术,正在深刻地影响着我们的日常生活和工作方式。随着技术的不断进步和发展,越来越多的人工智能产品不断涌现,其广泛应用也使我们的生活变得更加便捷和智能化...

人工智能改变生活,预测未来生活将变成什么样?

人工智能改变生活,预测未来生活将变成什么样?

  人工智能(AI)作为一种新兴技术,正在改变着我们的生活方式。随着科技的不断发展,越来越多的人工智能应用进入到我们的日常生活中,其中包括我们生活中的网购、社交、出行、医疗甚...

有个问题就是,右上角的“保存”无法显示,查了下github chrome-aws-lambda 不包含任何字体,所以要支持中文,先要加载中文字体

readme 中有 demo

await chromium.font('/var/task/fonts/NotoColorEmoji.ttf" alt="实现一个 Code Pen:(六)云函数生成网页缩略图">

实现一个 Code Pen:(六)云函数生成网页缩略图

前言在前面的文章中,我们已经实现了编辑器的功能,并且数据可以保存到云数据库,接下来我们需要生成缩略图的功能,目前掘金的的 code pen 还没有缩略图的功能,这是否是一个挑战呢?缩略图生成方法生成缩...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。