云IDE：Repl.it：新技术的切入视角

小灰灰 2022-12-02 01:10 229阅读 0赞

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center]

相较于TOP IDE index指数，还有一个TOP ODE index指数，ODE指的就是Online IDE，虽然这些指数只能表明开发者的一些热度，但是还是有一定的参照意义。作为5年内上升最快的ODE，Repl.it到底有哪些过人之处，云IDE应该以什么样的视角切入才能更好地被受众所接受，通过这篇文章我们来试图寻找一下可能并不存在的答案。

--------------------

# 冉冉升起的ODE新星 #

五年之内上升最快的ODE非Repl.it莫属，已经从寂寂无名到了前三的位置，而且离第二的位置和趋势也已经是指日可待。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 1]

# 功能特性 #

## 功能介绍 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 2]

> Repl.it切入的视角是：协作。打出的口号是：协作编码，毫无摩擦。免费、共享、浏览器可用、瞬时构建的特性，支持50+的编程语言，简洁的介绍包含了丰富的特性。如何介绍自己才更具冲击力，Repl.it显然深谙此道。

### 代码编写：传统的IDE场景 ###

*  运行于浏览器中的IDE： 可以在任何平台、系统以及设备之上开始开发者自身喜爱的编程语言的代码开发。本地+云端的方式，使得用户可以进行定制，定制主题和插件使得和本地开发完全一致。所有的文件可以保存、组织和管理在云端或者开发者个人机器上。代码检查、调试以及自动补齐，具有各种主流的IDE所能提供的特性。  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 3]
 *  集成GitHub：导入、运行以及协作，利用GitHub无数的仓库，无需手动操作。  
    可以从GitHub的任何仓库上进行clone、提交和推送等操作，和GitHub集成，提交和推送再也不需要通过终端进行，通过添加“Run on Repl.it” 图标到README中能够使得其他协作者更容易地进行开源代码的贡献。  
    ![在这里插入图片描述][20200829092213178.png_pic_center]
 *  50+编程语言:从Python到 C++、HTML 以及 CSS，在一个平台可以学习任何你希望学习的任何编程语言。详细语言列表如下所示：  
    [https://repl.it/languages][https_repl.it_languages]  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 4]
 *  安装与部署：没有所谓的“安装和部署”，即时可用，同时就可以将环境进行分享与协作。无需下载、免安装和配置，使用Repl.it可以秒级开始。在浏览器中，开发者可以得到他们所需要的一切，不再需要PKG、DMP、RPM、ZIP和WTF各种类型的安装和设定。对于不同的操作系统和设备，macOS、Windows还是Linux或者其他OS都是可以的。再也不需要花费数小时的时间在环境构建上。  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 5]  
    云端提供的免费的资源信息如下所示：  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 6]
 *  包管理器UPM：提供标准包管理器UPM（Universal Package Manager），免除用户头疼的多种开发语言所需要进行的包的管理问题，UPM会自动地进行安装和配置，无需手动配置。  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 7]
 *  API与插件：程序化创建应用，使用插件不断改进和定制适合用户需求的IDE

### 沟通协作：社区、学习和协作场景 ###

*  学习资源：Repl.it的社区中有超过3百万的各类技术开发人员和其他人员，有丰富的学习资源。可以学习很多内容包括新的编程语言、方法和技术方案。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 8]

*  实时的协作：邀请朋友、团队成员或者同事参与你的代码编写，像Google-docs一样编辑，代码也可以这样写！可以创建更容易进行交互的代码沟通环境，与其他人员进行分享，丰富了传统问答的不足，问的时候可以提供一个在线的环境，不会再出现“这个issue经过我多次验证都无法在线，因此关闭”的回答，降低了沟通的成本，提高了沟通和协作的效果。  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 9]
 *  团队规划：可以是的团队在交互式文档、实时协作以及无障碍远程面试或者教学

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 10]  
正因为如此，可以看到它的用户里面也包含Berkeley和MIT这类研究机构，学习、教育、沟通、协作与交流成为一个重要的切入视角。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 11]

--------------------

# 使用体验 #

## 创建Repl.it环境 ##

可以选择不同的语言进行快速环境创建  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 12]

## Java语言环境 ##

一键创建了一个JDK的环境，详细如下所示：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 13]  
第一个HelloWorld已经给准备好了，我们一起来看一下这个环境是如何构成的。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 14]  
可以看到此实例是跑在一个Ubuntu 18.04发行版的Linux操作系统之上的，Java版本为11.0.7，使用javac和java也非常容易地可以进行编译和运行，可以直接使用Repl.it提供的Run按钮进行执行结果确认，对于教育新学者来说，第一个HelloWorld的运行从小时级别直接降低到分钟级别。

## C语言环境 ##

同样可以秒级创建C语言环境，实际也就是gcc  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 15]  
使用起来也非常简单  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 16]

## go template ##

除了语言环境本身，还可以利用一些框架，比如创建一个简单的利用go的template机制的环境和demo项目，点击运行即可确认结果  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 17]

# 总结 #

当其他所有的在线IDE在开发者和组织一条路上奋力拼杀的时候，Repl.it在其他视角已经展开了很多探索，在线IDE，并不一定要去D（开发）做过度的强关联，它可能不经意地给其他传统场景提供了一个很不错的工具，一个更好地进行协同的工具，尤其是当下的实操类的远程教育，这是值得我们去思考和尝试。

# 参考内容 #

https://repl.it/

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/d65dca2006e24535b712562c5dcb80d6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221123/3e7151cbf0dd4ae0be05a7a89b8a3432.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 2]: /images/20221123/7de66a4ff4434f7fb937371e7388788c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 3]: /images/20221123/c7cf7625fcbe43df9ee5352dfa7b292b.png
[20200829092213178.png_pic_center]: /images/20221123/7134fafa4ed54e3cb6d1a9f09adb387a.png
[https_repl.it_languages]: https://repl.it/languages
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 4]: /images/20221123/58de4e5a323644858f23a29f3f0f9a1a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 5]: /images/20221123/fa527e5493874cd1b1c61ec2aa65f5b6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 6]: /images/20221123/79a00b0f19d7477c92b3d3e7a1668b36.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 7]: /images/20221123/37fe7c6d8b8c426099c36feff6a0d95d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 8]: /images/20221123/94edf8fd97b6479b84b90ff2d6640f85.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 9]: /images/20221123/121a296fb32748e5971f497028c0f673.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 10]: /images/20221123/4d139f1b57a947748dcabb6fc3a3a07b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 11]: /images/20221123/4161380a05a4413bac18d97e046ebffc.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 12]: /images/20221123/de09b295148b447680d37423e1b10b88.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 13]: /images/20221123/08b2fec7f80d411fa0feee2b96016cea.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 14]: /images/20221123/9947cffefc4a435cb5fe81c6133aa3d9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 15]: /images/20221123/16544956239d469bac708be3a7499a17.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 16]: /images/20221123/f1807228489a4cfaa5fa452113343564.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 17]: /images/20221123/4d6065d74ee14ceeb8fb859a22ac3f8d.png