搭建自己的在线IDE

什么是在线IDE
环境准备
软件安装
- 执行在线安装
- 配置环境
编写Python脚本运行
添加其他语言支持
- C/C++语言支持
- Java语言支持

什么是在线IDE

在线IDE，顾名思义，就是只要有网络、通过浏览器即可打开进行在线程序编辑的在线的集成开发环境。本文主要介绍在线Visual Studio Code的环境搭建。

环境准备

为了能够安装、使用自己的在线IDE，首先需要准备一台服务器，如果需要在公网环境中访问并使用，最好需要有自己的公网IP、域名等，如果只是局域网内访问使用，则只需要准备一台能够访问外网的服务器即可。

软件安装

执行在线安装

我们可以直接运行以下命令来安装软件。

curl -fsSL https://code-server.dev/install.sh | sh

该命令会下载安装脚本并自动执行安装。

当看到以下输出，则说明软件安装成功。

deb package has been installed.To have systemd start code-server now and restart on boot:sudo systemctl enable --now code-server@$USER
Or, if you don't want/need a background service you can run:code-server

安装完成后，可以通过以下命令来进行启动：

code-server

从日志可以看出：

启动过程创建了默认的配置文件~/.config/code-server/config.yaml
默认的IP地址使用的是127.0.0.1
默认的端口使用的是8080
认证是开启的
HTTPS是没有开启的

配置环境

目前环境虽然启动，但监听地址是127.0.0.1，所以我们无法远程访问；并且认证开启了，但我们还不知道密码是什么。所以，为了能够更好地实现远程访问，需要修改一下配置文件~/.config/code-server/config.yaml，主要可以修改IP地址、访问密码等。

$ vi  ~/.config/code-server/config.yamlbind-addr: 0.0.0.0:8080
auth: password
password: wux_labs
cert: false

这里：

为了能够远程访问，直接将IP地址修改成0.0.0.0
同时将密码修改为方便我们记忆的密码

再次启动，可以看到IP地址修改成功。

现在可以实现远程在线访问。

在密码框中输入自己配置的密码，点击SUBMIT按钮，即可进入IDE环境。

由于没有配置HTTPS访问，所以会有提示：

由于HTTPS的配置相对复杂一点，这里先暂时点击I understand跳过去。

接下来可以做一些个性化的操作，比如设置自己喜欢的主题等。

选择一个自己喜欢的主题。

通过Extensions可以安装一些自己需要的插件。

编写Python脚本运行

接下来可以编写一个Python脚本，运行一下。

运行成功，成功输出打印的内容Hello World。

运行一下复杂一点的代码，也没有问题。

添加其他语言支持

前面已经已经成功添加了Python的支持，可以开发Python脚本并运行。如果还需要采用其他语言进行编写代码，则还需要安装其他插件。这里推荐一个Code Runner插件。

C/C++语言支持

编写C代码并运行。

编写C++代码并运行。

Java语言支持

编写Java代码并运行。

搭建自己的在线IDE相关推荐

武海滨：沪江如何搭建优秀的在线教育平台
3月31日,ZEGO Meetup 视频直播+的技术实践之道第三期在上海成功举办,现场吸引了满堂的音视频开发人员到场聆听.会上,如预期一样,么么直播前端团队负责人黄铭新.即构科技资深技术专家和架构师冼 ...
一个简单的C#在线IDE示例
做一个简单的C#在线IDE主要解决两个问题: 一是如何将网页上文本框的代码编译并执行; 二是如何将程序运行结果在网页 ...
介绍一个能开发简单SAP UI5应用的在线IDE：StackBlitz
这是Jerry 2021年的第 15 篇文章,也是汪子熙公众号总共第 286 篇原创文章. Jerry 之前写过一篇文章介绍一个免费的云开发工具:Cloud Shell,这个工具其实就是在浏览器里使 ...
程序员最喜欢用的在线IDE代码编译器，什么？你竟然不知道！
1.网址https://tech.io/snippet 支持 20+ 种编程语言,页面上没有杂七杂八的东西,非常简约,非常干净,另外,它上面的代码段还可以嵌入到网页之中. 2.网址 https://w ...
ARM Mbed在线IDE编程意法半导体(ST)开发板
硬件软件介绍 STM32F407发现板不直接支持MBED在线IDE. 但是该板上的MCU也用于另一块官方MBED板上(Seeed Studio Arch Max v1.1). 因此,可以通过将发现 ...
如何搭建一套在线网校系统？需要哪些功能？
现在做在线教育的人真的是越来越多了,不过相信很多刚刚入门的小伙伴,会在搭建在线网校系统的地方卡住. 一是可能没有相关的开发经验: 二是可能没有找到好的方案和工具. 如何搭建一套在线网校系统?需要哪些功 ...
code-server在线ide(vistual studio code web online)简介
code-server在线ide(vistual studio code web online)简介如需转载请标明出处:http://blog.csdn.net/itas109 QQ技术交流群:12 ...
厉害了，手把手教你搭建一个代码在线编辑预览工具
点击下方"前端开发博客",选择"设为星标" 回复"2"加入前端群简介大家好,我是一个闲着没事热衷于重复造轮子的不知名前端,今天给大家带来 ...
手把手教你快速搭建一个代码在线编辑预览工具
简介大家好,今天我跟大家分享的是一个代码在线编辑预览工具的实现教程,手把手教你完成这样一个项目. 目前这类工具使用很广泛,常见于各种文档网站及代码分享场景,相关工具也比较多,如codepen.jsr ...

搭建自己的在线IDE

搭建自己的在线IDE

什么是在线IDE

环境准备

软件安装

执行在线安装

配置环境

编写Python脚本运行

添加其他语言支持

C/C++语言支持

Java语言支持

搭建自己的在线IDE相关推荐

最新文章

热门文章