iPad 编程生产力

sxkk20081年前知识分享110

前言

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在线图片识别技术:让百度的识图功能更强大

  在现代社会,图片已经成为我们生活中不可或缺的一部分。然而,对于某些特定的图片,我们并不总是能够准确地理解它们所传递的信息。因此,百度推出了在线图片识别服务,通过人工智能技...

在 2021 年 star 排行榜单中,tauri 一年增长了 18k 排名第五,我们就很好奇,Tauri 有什么优势呢?

然后我分别用 tauri 和 Electron.JS 打包测试一个 hello world 程序,一起来看下它们的大小。

大小对比

  • Electron.JS 62.5mb
  • Tauri 4.32mb

Tauri 构建的桌面程序太小了,远不是 Electron.JS 可以相比的,因为它放弃了体积巨大的  Chromium 内核   和  nodejs,前端使用操作系统的  webview,后端集成了  Rust。 Tauri 提供了初始化程序的模板,比如原生 js, react, svelte.js, vue.js 等等。

image.png

初步尝试 tauri,并且与 electron.js 对比

什么是 Tauri?Tauri 是一个为所有主流桌面平台构建小型、快速二进制文件的框架。开发人员可以集成任何编译成 HTML、 JS 和 CSS 的前端框架来构建他们的用户界面。应用程序的后端是一个...

百度AI语音合成:赋予文字声音,改变世界的未来

百度AI语音合成:赋予文字声音,改变世界的未来

  在数字化时代,人们对于语音技术的需求越来越高。无论是在线教育、智能助手还是虚拟现实,语音合成技术都发挥着重要的作用。而在众多的语音合成技术中,百度AI语音合成以其高质量的...

如何升级到 React 18发布候选版

目录安装客户端渲染 API 的更新服务端渲染 API 的更新自动批处理 (Automatic Batching)用于第三方库的 API更新严格模式 (Strict Mode)配置你的测试环境不再支持...

AI绘画:探索人工智能与艺术的融合

AI绘画:探索人工智能与艺术的融合

   随着人工智能技术的不断进步,越来越多的领域开始应用AI技术。其中,艺术界也开始加入了这场革命。AI绘画作为其中的一部分,以其独特的艺术风格受到了广泛的关注。  AI绘画...

发表评论    

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