前言

我们在学习各种编程语言的时候，总是要安装不同的IDE，需要去配置各种环境变量，而且对于配置比较低的电脑来说，打开各种IDE后风扇就会开始疯狂旋转，在这种噪音下很难专心去敲代码。

如果问我编程工具中哪个比较好用，我首推的自然就是Visual Studio，Visual Studio支持的语言众多，还可以配合众多插件提高效率，深得我心。

如果如果，类似Visual Studio的IDE还可以部署在服务器上，你的编程成本可以削减到只剩下一个浏览器呢？

这次给大家介绍code-server和Theia这两种ide的安装方式。

开通云服务器

相信大家已经通过阿里云高校计划领取了一台属于自己的免费服务器，没有领取的同学也可以点击这里进行领取。
如果你不符合阿里云高校计划免费领取服务器的条件，可以点击这里享受新老用户专属的优惠福利

开始安装

通用过程

（TIPS：由于我的阿里云服务器目前正在运行服务，暂无闲置的服务器，所以用虚拟机演示。）

连接服务器。

打开Unix、Linux下的Terminal，Windows系统下打开CMD或者Power Shell，键入 ssh 用户名@ip地址，回车，键入密码（输入不可见）回车。

更新软件源中的软件。

sudo apt-get update
sudo apt-get upgrade

安装Docker

关于Docker的使用方式可以参见菜鸟Docker教程或者官方文档。
```
curl -fsSL https://get.docker.com | bash -s docker --mirror Aliyun
```

给Docker换源

sudo vim /etc/docker/daemon.json #打开编辑器

键入i并复制以下内容：

{"debug":true,"experimental":true,"registry-mirrors":["https://docker.mirrors.ustc.edu.cn","https://hub-mirror.c.163.com"]}

键入esc，英文状态下的!wq，敲回车返回bash

systemctl docker restart #重启docker以使得配置生效

安装Docker Compose

sudo curl -L https://github.com/docker/compose/releases/download/1.21.2/docker-compose-`uname -s`-`uname -m` -o /usr/local/bin/docker-compose #下载合适版本的Compose，如无法下载，可以提前下载好传到服务器，并改名移动到/usr/local/bin下
sudo chmod +x /usr/local/bin/docker-compose #设置权限
docker-compose --version #查看是否安装成功

code-server

code-server项目地址

本次使用的是linuxserver团队制作的coder-server的docker容器

安装

docker pull linuxserver/code-server #拉取对应的docker镜像

运行

docker run -d \--name=code-server \-e PUID=1000 \-e PGID=1000 \-e TZ=Asia/Shanghai \-e PASSWORD=password `#optional` \-e SUDO_PASSWORD=password `#optional` \-p 8443:8443 \-v /path/to/appdata/config:/config \--restart unless-stopped \linuxserver/code-server

Parameter	Function
`-p 8443`	web gui
`-e PUID=1000`	for UserID - see below for explanation
`-e PGID=1000`	for GroupID - see below for explanation
`-e TZ=Europe/London`	Specify a timezone to use EG Europe/London
`-e PASSWORD=password`	Optional web gui password, if `PASSWORD` or `HASHED_PASSWORD` is not provided, there will be no auth.
`-e HASHED_PASSWORD=`	Optional web gui password, overrides `PASSWORD`, instructions on how to create it is below.
`-e SUDO_PASSWORD=password`	If this optional variable is set, user will have sudo access in the code-server terminal with the specified password.
`-e SUDO_PASSWORD_HASH=`	Optionally set sudo password via hash (takes priority over `SUDO_PASSWORD`var). Format is `$type$salt$hashed`.
`-e PROXY_DOMAIN=code-server.my.domain`	If this optional variable is set, this domain will be proxied for subdomain proxying. See Documentation
`-v /config`	Contains all relevant configuration files.

访问方式：https://服务器IP地址:端口号/?token=设置的ide密码

例如：http://192.168.56.103:8443/

Theia

Theia项目地址

Theia官方安装教程

安装

安装Theia

git clone https://github.com/theia-ide/theia-apps.git    #从GitHub上克隆仓库到本地，如无法下载，可以提前下载好传到服务器解压
cd theia-apps/theia-https-docker
docker build . --build-arg app=theia-full -t theiaide/theia-full-sec

然后就是漫长的等待……

设置工作目录

mkdir /home/project #新建目录
chomod -R 1000 /home/project #更改权限，将属主更改成1000

启动

至此已经部署完毕，可以启动啦～

docker run --user=root --init -it -p 10443:10443 -e token=mysecrettoken -v "$(pwd):/home/project:cached" theiaide/theia-full-sec

参数说明：

–user：要运行ide的用户名

-p：docker映射内外端口号

token：ide的密码

$(pwd):/home/project：指向工作目录

theiaide/theia-full-sec 容器名字

访问方式：https://服务器IP地址:端口号/?token=设置的ide密码

就像：https://192.168.56.103:10443/?token=mysecrettoken

总结

这两种都大同小异，看个人喜好。不过我更偏向于code-server，安装比较简单，和Visual Studio一样可以装各种插件，有内味了。

怎么样，你学废了吗？

教你利用阿里云服务器搭建一个随时随地的Web IDE相关推荐

手把手教你在阿里云服务器部署一个属于自己的项目（一）新用户领取阿里云服务器
FRIDAY9 II - kkluv - 单曲 - 网易云音乐闲来没事上gitee看别人的代码,突然想到,我能不能把自己的项目部署到服务器,跟自己的农村土鳖小伙伴装装*,让他们看看我一飞冲天的进步. ...
arm搭建云手机教程_教你从0开始部署阿里云服务器，阿里云服务器搭建网站教程...
教你从0开始部署阿里云服务器,阿里云服务器部署网站的办法,阿里云搭建项目的办法,阿里云服务器搭建网站教程 1.购买登录官网点击下面链接: 企业上云甄选partner.aliyun.com 查看云服 ...
如何使用阿里云服务器搭建个人简历网站
date:2020.08.06 阿里云服务器搭建个人简历网站仅需简单的四步就能够完成,小白特别适用一.开通ESC云服务器因为博主还是一名在校大学生,利用学生的身份获得了阿里云提供的半年免费服务器, ...
在阿里云国内搭建一个纯净的 kubernetes 环境
在阿里云国内搭建一个纯净的 kubernetes 环境阿里云自己的 kubernetes 有好多闭源组件,而且更新慢.本文总结一下在阿里云建立一个仅用 kubernetes 官方组件的容易升级的环境 ...
【Android 电量优化】电量优化 ( 获取电量分析报告 | 阿里云服务器搭建 Battery Historian | 上传并生成分析报告 )
文章目录一.Battery Historian 搭建环境二.获取 Android 手机电量报告 1.重置电量状态 2.开启获取 WeakLock 信息 3.获取手机电量报告三.阿里云服务器搭建 ...
使用阿里云服务器搭建个人博客
零. 前言最近购买了一台阿里云服务器,申请了一个域名,准备自己搭建一个博客出来,大致记录一下流程,是一个学习的过程,也希望能帮助到别人. 有几点需要注意的地方,或者说是遇到问题后排查的点,提前说一下 ...
阿里云服务器搭建frp -实现内网穿透
阿里云服务器搭建frp -实现内网穿透什么是frp 准备工作开始搭建服务端客户端什么是frp frp 是一个高性能的反向代理应用,可以帮助您轻松地进行内网穿透,对外网提供服务,支持 tcp, ...
阿里云服务器搭建环境部署项目
阿里云服务器搭建环境部署项目最近要双十一搞活动就入手了一台阿里云服务器,从零开始搭建一次环境,顺便把这次过程记录下来. 1. 在这里找到自己买的服务器这里有相关想设置和信息可以查看 2. 接下来配置 ...
阿里云服务器搭建wordpress个人博客——学生优惠，专属网站
前言阿里云对学生优惠挺好的,也挺便宜,大家可以购买使用,搭建个人博客阿里云服务器搭建wordpress个人博客一. 首先要购买云服务器二. 配置镜像三. 确认安全组四. 部署wordpre ...

教你利用阿里云服务器搭建一个随时随地的Web IDE

前言