iPad 上最强 IDE,支持 20 多种开发语言,还开源了

如今 iPad 的功能越来越强劲,最新 iPad Pro 还上了 M1 芯片,内存最高升到 16GB,硬盘加到了 2TB。强大的性能让 iPad 在越来越多的场景下,成为生产力工具,如设计、协同办公、教学领域等等。不过 iPad 对编程的支持,却始终差强人意。之前一直盛传的 iPad 版 Xcode 也还没个影,而 Swift Playground 也只是个小工具而已。不过,我们这边给大家安利一款开源的 iPad 应用,可以称得上是目前 iPad 上最强的 IDE:「Code App」

Code App 是 MIT 许可的桌面级代码编辑器,适用于 iPadOS,内置了 Node.js、Python、C、C++、PHP 运行时。目前这款应用已经在 App Store 上线,应用介绍里面列出了其强大的能力,一起来看看。

iPad 上最强 IDE,支持 20 多种开发语言,还开源了

特性

Code App 研发团队为这款应用添加了 App Store 同类应用所没有的强大功能,包括以下:

  • 强大的高性能文本编辑器(来自 Visual Studio Code 的 Monaco 编辑器)
  • 一流的本地文件系统支持
  • 嵌入式仿真终端
  • 本地后端开发环境(Node 和 PHP)
  • 本地 Python 运行时
  • 本地 Clang 编译器
  • Git 版本控制
  • 包管理器支持(Pip 和 NPM)
  • 远程连接支持(文件和终端)

不过开发团队也称,虽然他们希望能让 Code App 的编辑体验与桌面提供的一样接近,但 Code App 仍然受到 iOS 的限制。例如,我们不能下载带有本机组件的任意命令或模块,也无法创建子进程。

支持的语言

Code App 支持多种开发语言,包括当前市面上最流程的那些语言,如 Python、Java、Go、Swift、Kotin 等等。以下是其所支持的语言清单:

iPad 上最强 IDE,支持 20 多种开发语言,还开源了

iPad 上最强 IDE,支持 20 多种开发语言,还开源了

这就基本囊括了我们常用的语言了。接下来,我们以 Python 和 Node.js 为例,看看如何使用这款应用。

构建 Python 应用

这里,我们以传统的 Hello World! 为起点,来开始我们的 Code App 之旅。

首先创建一个 Python 源文件。展开文件资源管理器侧栏并选择新文件图标,我们可以使用内置模板或输入自定义文件名来创建一个空文件。这里我们暂且使用内置模板。

iPad 上最强 IDE,支持 20 多种开发语言,还开源了

我们现在可以看到用 Python 编写的 Hello World 程序。点击右上角的运行按钮运行。

iPad 上最强 IDE,支持 20 多种开发语言,还开源了

在 Terminal 面板中,可以看到输出了我们想要的结果。怎么样,就是这么简单。

当然,真正的应用还有很多重要的事情要做。其中一个就是第三方依赖包下载。第三方模块可以让我们做很多事情,包括向 Web 服务器发出网络请求、绘制图表以分析数据等等,可以为我们省去很多事情。

Code App 集成了 pip 命令。与桌面端一样,要安装所需要的模块,只需要在终端中键入 pip install <module name>。这里我们试用一下 request 模块来写个简单的网络请求。

首先在终端中键入 pip install requests ,可以看到模块的安装过程。

iPad 上最强 IDE,支持 20 多种开发语言,还开源了

然后在代码编辑区,我们输入以下代码

import requests

res = requests.get('http://api.open-notify.org/astros.json')
print(res.text)

运行可以看到相应的输出

iPad 上最强 IDE,支持 20 多种开发语言,还开源了

酷吧!!!

创建 Node.js 工程

接下来,我们在 Code App 中,使用  Node.js 和 Express 构建一个简单的 Web 服务器。

首先创建一个新的文件夹,以便更好的组织文件。在在文件资源管理器部分,点击创建文件夹按钮以创建一个新文件夹。按住文件夹单元格并重命名文件夹。然后长按文件夹,在弹出菜单中选中 Assign as workplace foler,将当前文件夹指定为工作区文件夹。

iPad 上最强 IDE,支持 20 多种开发语言,还开源了

然后我们通过 npm 来安装 Express 模块。在终端中运行 npm i express,我们可以看到整个安装过程。安装完成后,我们可以看到一个名为 node_modules 的文件夹,这个大家应该很熟悉了。

然后创建 package.json 文件作为项目的配置文件。

使用 Express 创建 Web 服务器非常简单。创建一个新文件 index.js 并添加以下代码。

const express = require('express');

const app = express();
const port = 3000;

app.get('/', (req, res) => {
    res.send('Hello from Express')
})

app.listen(port, () => console.log(`app listening on port ${port}`))

然后我们可以点击右上角的运行按钮,来运行服务器。可以看到 Code App 会并排启动 Safari 并访问 localhost:3000。神奇吧!!!

iPad 上最强 IDE,支持 20 多种开发语言,还开源了

如果要停止服务器,可以点击终端右上角的停止按钮即可。

版本控制

Code App 还内置了 Git,以支持代码的版本控制。在使用 Git 之前,我们需要设置相关的账号信息。这个可以在 ettings > Version Control > Identity 完成。

如果需要拉取私有库或推送代码到私有库,还需要设置凭据,这个可以在 Settings > Version Control > Authentication 中完成。

要拉取代码库时,可以在侧边栏选择 Source Control,输入存储库的 url 或通过在搜索字段中键入关键字来搜索 GitHub 上的存储库。目前只支持 HTTPS。

iPad 上最强 IDE,支持 20 多种开发语言,还开源了

当然,后续各种提交、推送、切换分支操作,Code App 都是支持的。


iPad 上最强 IDE,支持 20 多种开发语言,还开源了


iPad 上最强 IDE,支持 20 多种开发语言,还开源了

连接到远程服务器

Code App 还支持连接到自托管服务器并访问其文件和终端。要使用此功能,我们需要在我们的个人电脑或服务器上设置 ssh 或 ftp 服务器。在 Mac 上,我们可以通过在“系统偏好设置”的“共享”部分启用远程登录和完整磁盘访问来实现此目的。

iPad 上最强 IDE,支持 20 多种开发语言,还开源了

然后,在 Code App 的侧边栏中打开 Remote,并输入服务器的信息。开启 Remember address 以保存傻气。后续再次连接服务器时,Code App 会要求进行 Face ID 或 Touch ID 身份验证。

iPad 上最强 IDE,支持 20 多种开发语言,还开源了

我们可能还想使用密钥身份验证而不是密码。为此,首先在终端中运行 ssh-keygen 来生成 SSH 密钥。远程部分现在将显示一个 Show public key 按钮。点击它并将公钥复制到我们的远程服务器 ~/.ssh/authorized_keys。我们可以通过在远程服务器的终端中运行 open ~/.ssh/authorized_keys 来打开此文件。

现在我们就可以访问远程服务器的文件和终端了。

iPad 上最强 IDE,支持 20 多种开发语言,还开源了

安装

我们可以直接在 App Store 上下载 Code App,地址是 [1] ,这款应用目前是收费的,价格是 $5.99,大家可以考虑支持一下。

当然,如果不想花这个钱,也可以自行编译构建,具体方法请参考 [2]。

小结

目前 Code App 还在不断的改进,后续还会添加更多的版本控制支持、更多的终端命令、带有 WebAssembly 的 C/C++ 运行时 等等。Code App 为 iPad 成为开发效率工具提供了更多的可能,值得尝试一下。

参考

[1] https://apps.apple.com/us/app/code-app/id1512938504 

[2] https://code.thebaselab.com/extras/building-code-from-source

「Code App」

地址:https://github.com/thebaselab/codeapp

⭐️:1k

语言:Swift


原文始发于微信公众号(小集):iPad 上最强 IDE,支持 20 多种开发语言,还开源了

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/215405.html

(0)
小半的头像小半

相关推荐

发表回复

登录后才能评论
极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!