使用coder-server打造在线IDE

2022-06-17 09:15:17 浏览数 (1)

前言

在平时的学习工作中,我们经常会用到代码编辑器,Vscode已经成为我们的首选。但是本地编辑器有个弊端就是当我们在家庭和公司之间移动的时候,无法连续编码。这个时候就有很多新兴的在线编辑器(web IDE)出现了,目前我最常用的就是腾讯的cloudstudio,但是其每天免费4小时的使用时长在某些时候可能不够用,这个时候我们就需要拥有自己的在线编辑器了。今天我们就一起来介绍下在线编辑器coder-server环境的搭建和基础使用。

关于cloudstudio

首先声明,这不是广告。仅仅因为其免费好用。

我们可以在coding.net注册账号,登录后,点击导航栏的Cloud Studio即可进入。

然后我们根据自己需要的环境类型创建虚拟环境即可。

然后你就得到了一个非常方便好用的在线编辑器。

从上图可以看到,这台服务器的性能还是很不错的,8核4G很强了,免费的还要什么自行车。

cloudstudio非常适合白嫖党,但是今天它不是主角。

coder-server

coder-server一个开源的基于vscode开发的在线编辑器工具。其支持二进制部署、Docker部署、HemlChart部署,目前还不支持windows部署,但是已经足够我们使用了。

具体部署可以参考官方文档:https://coder.com/docs/code-server/latest/install。

这里我们选择相对简单快捷的方式,Docker部署。

前置条件

在部署coder-server前,你需要准备一台Linux虚机(建议CentOS 7),你可以去云厂商购买(用于生产),也可以使用VMware在个人电脑创建虚机(用于学习)。

我是购买的腾讯云的轻量应用服务器。

拉取coder-server镜像

代码语言:javascript复制
docker pull codercom/code-server

启动coder-server

代码语言:javascript复制
docker run -d  --name coder-server -p 8082:8080 -e PASSWORD=123 codercom/code-server:latest

启动完成后,我们需要在云服务器的防火墙菜单中打开8082端口,然后就可以使用云服务器的公网ip进行登录使用了。(如果你是本地虚拟机,不需要处理防火墙,直接在浏览器访问虚拟机的ip:8082即可)

访问coder-server

我们在浏览器访问云服务器的公网ip:8082。

输入密码123登录。

哇哦,这不就是vscode本vscode嘛。

安装插件

coder-server和vscode一样,支持安装插件,我选择了几个常用的插件安装测试,均完美支持。

编码体验

简单体验了下,实际编码体验和vscode没有差别。大家可以放心使用。

Tips

因为coder-server专注于编辑器而对语言本身稍有忽略,比如其内置的python没有pip3工具,需要自己安装;而且内置的deb源速度较慢,需要自行替换。

修改deb源

因为自带的vi不要用,所以我们使用以下方式修改deb源,参考:常用工具大全。

  1. 复制国内源地址到编辑器的文件aaa中
  2. 使用命令 cat aaa > /etc/apt/sources.list
  3. 使用命令apt update更新源
安装pip3

在完成了修改deb源和更新deb源之后,我们就可以使用命令apt install python3-pip来安装pip3了。

安装完成后,你就可以安装你所需要的库了。

亲测可行。赶快行动起来吧。

到此,结束。

0 人点赞