搭建自己的在线IDE

什么是在线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.yaml

bind-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代码并运行。