山地人

Web终端编辑器

山地人
山地人
2021-05-19

前言

最近上线了两种不同的容器环境,可以用来支持LinuxNode.js的在线学习。自己在使用的过程中,还是觉得有不爽的地方。

在终端里编辑文件,我们需要使用vim这种终端里的编辑器。虽说vim功能强大,但是凡事都有两面性,强大的vim对使用者的要求也就变高了。

对于在线学习体验来说,不能强迫用户在学习一门技能的时候,要强迫他掌握另一门技能后才能学习。这会给学习者带来额外的负担。于是在想如何才能让学习者更加方便地使用目前的互动环境。

于是一个想法诞生了,如果把Web编辑器在线终端组合起来。构建一个更加轻量的在线实验环境会是一种怎样的体验。

Web编辑器+终端

把编辑器和终端组合,得到了终端编辑器。这个编辑器的特性是,当你在左侧写下命令,然后按下ctrl+s或者点击左下角的运行按钮后。

代码会在右侧的终端里执行,这对于简单的命令当然好处不太明显。但是如果命令很长,你又想反复测试的时候,它的好处就会显现出来。

这里是一个shell终端的演示,你可以输入一个命名试试

pwd

输入好后,按下ctrl+s代码就会自动在右侧终端里运行了。

甚至,你可以输入多条命令,点击运行。终端会一条一条执行你输入的命令

clear
date

比如向上面这样,每次都会先清除屏幕,然后输出当前时间

JavaScript

这个终端除了拥有写shell的能力,还能用来快速运行其他语言,比如快速运行Node.js代码。

Php

下面是一个php的快捷编辑器,直接在左侧书写php源代码,写好后ctrl+s结果直接在右侧执行。

C++

下面是一个C的快捷编辑器,直接在左侧书写C源代码,写好后ctrl+s结果直接在右侧执行。

C

下面是一个C的快捷编辑器,直接在左侧书写C源代码,写好后ctrl+s结果直接在右侧执行。