👇👇关注后回复 “进群” ,拉你进程序员交流群👇👇
作者丨小集
来源丨小集(ID:zsxjtip)
https://mp.weixin.qq.com/s/36KacwiKsXYNY_H1foxhQA
如今 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
,可以看到模块的安装过程。
![e03ca790b6d57da6bfe81b9d2f8f6dec.png](https://i-blog.csdnimg.cn/blog_migrate/4977c49b9fed0b8732a41a64d7a11f41.png)
然后在代码编辑区,我们输入以下代码
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] 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
❞
-End-
最近有一些小伙伴,让我帮忙找一些 面试题 资料,于是我翻遍了收藏的 5T 资料后,汇总整理出来,可以说是程序员面试必备!所有资料都整理到网盘了,欢迎下载!
点击👆卡片,关注后回复【面试题
】即可获取
在看点这里好文分享给更多人↓↓