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

👇👇 关注后回复 “进群” ，拉你进程序员交流群 👇👇

作者丨小集

来源丨小集（ID：zsxjtip）

如今 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 上线，应用介绍里面列出了其强大的能力，一起来看看。

特性

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 等等。以下是其所支持的语言清单：

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

构建 Python 应用

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

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

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

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

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

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

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

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

import requests

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

运行可以看到相应的输出

酷吧！！！

创建 Node.js 工程

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

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

然后我们通过 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。神奇吧！！！

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

版本控制

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

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

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

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

连接到远程服务器

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

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

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

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

安装

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

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

小结

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

参考

[1]

[2]

❝

「Code App」

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

⭐️：1k

语言：Swift

❞

-End-

最近有一些小伙伴，让我帮忙找一些   面试题   资料，于是我翻遍了收藏的 5T 资料后，汇总整理出来，可以说是程序员面试必备！所有资料都整理到网盘了，欢迎下载！

点击 👆 卡片，关注后回复【 面试题 】即可获取

在看点这里 好文分享给更多人 ↓↓