【code-server】部署浏览器上的VSCode「IPAD编程」

IPAD编程

1.搞起
2.关于服务器
3.下载code server
- 1. 可以使用wget直接在服务器里进行下载
- 2. 自行下载,然后传到服务器中
4. 将下载的code server上传到服务器
5. 下载Xshell7连接服务器
6. 解压code server
7. 部署code server
- 1. 首先进入对应的文件夹
- 2.运行
8. 安全组开放对应的端口
9. 在浏览器中看看自己的成功吧!
10. 还有一步,别跑!使用screen来让他一直运行.
- 1. 安装screen
- 2. 新建一个screen
11. 享受你的Ipad编程吧!

1.搞起

有时候出门在外,没带电脑,又或是带了电脑但是没电了(xiao),这就很难搞.偶然间发现一个东西叫做code server,正好可以利用上ipad来进行远程编程,即浏览器编程!妙极了!将ipad利用起来吧,随时随地,只要有网就可以愉快的敲代码!

2.关于服务器

要部署code server是需要去租用一个服务器的,我选择的阿里云的服务器,好像新号是有优惠的,我这2核2g的是一年69,其实不贵,还好.
我用的是Ubuntu 20.04,其实其他linux都是可以的.

3.下载code server

在服务器购买完成之后,我们需要下载对应版本的code server在服务器里面.
根据自己的服务器系统进行下载对应的,以下我采用的是Ubuntu20.04系统.
github的项目地址为github code server

1. 可以使用wget直接在服务器里进行下载

这个方法由于某种dddd的原因,速度会比较慢,如果不嫌慢的话就这样下吧

wget https://github.com/coder/code-server/releases/download/v4.2.0/code-server-4.2.0-linux-amd64.tar.gz

这样下载的可以跳过第四步.

2. 自行下载,然后传到服务器中

点击这个进行下载下载链接
如果速度慢的可以可以用迅雷等工具下载会快一点.

4. 将下载的code server上传到服务器

我这里使用的软件是Xftp7,下载的话百度就可以找到了,此处就不放链接了.
下载安装完成之后,新建会话,名称随意,主机填你的服务器公网ip,这个可以在阿里云里看到的.然后下面的用户名和密码,一般用户名为root,密码是你自己设置的(注意:刚买的话是需要自己在服务器里重置一下密码的)

连接之后的界面是这样的:

右边本来应该是空白的,然后我们把刚才下载的code server文件拖进去就可以了.

5. 下载Xshell7连接服务器

此处我用的软件是Xshell7,其实其他的也可以,不过此处我用的是这个.
下载安装之后,新建连接

然后再点击用户身份认证,输入用户名和密码

之后连接成功之后是这样的,这样就完成了这一步.

6. 解压code server

首先可以使用linux指令 ls来看看有什么东西

ls

正常情况下再完成上一步之后会看到这个文件.

然后进行解压

tar -xvzf code-server-4.2.0-linux-amd64.tar.gz

然后再ls就可以看到一个解压过的文件夹了

7. 部署code server

1. 首先进入对应的文件夹

使用指令cd来进入

cd code-server-4.2.0-linux-amd64

再进到bin

cd bin

2.运行

输入指令来将密码修改为你想要的,以及将端口设置为你想要的.此处为密码123456,端口号8888

export PASSWORD="123456" && ./code-server --port 8888 --host 0.0.0.0

当你看到这样的样子就说明运行成功了

8. 安全组开放对应的端口

千万不要高兴的太早,此时还需要在服务器的安全组中开放一下你现在用的8888端口.如果是其他端口就变通一下(血与泪的教训,之前部署的时候忘了这一点然后就怎么也打不开一致404,哎)
我用的是阿里云,进入安全组之后,点击手动添加.

然后输入端口8888/8888,源就0.0.0.0/0表示所有用户.

9. 在浏览器中看看自己的成功吧!

在浏览器地址栏处输入你的服务器公网ip:8888 来进行访问.如12.234.34.232:8888.

输入你设置的密码,就可以迎接崭新的vscode了

是不是和vscode一模一样!我这是加过中文插件的,你们刚进去应该是英文的,只需要去插件里安装一个chinese就可以了.至于其他的插件,看你们需要自己去下载就完事了!我这里简单的演示一下python的运行

运行成功,✌!

10. 还有一步,别跑!使用screen来让他一直运行.

现在看似我们基本成了,但是还有一个问题没有解决.那就是当我们把Xshell7关了之后就不能打开网页了.我们可以通过screen来解决这个问题.

1. 安装screen

apt install screen

2. 新建一个screen

名字自己可以随便取,我这叫codeServer

screen -S codeServer

新建成功会出现一个新的窗口,然后在这里进行上面运行的操作

当再次出现这个样子,就说明你成功了!!!

此时你需要按住ctrl + a + d来退出来就大功告成了.这样你关掉Xshell7也就没有问题了.

11. 享受你的Ipad编程吧!

此处附上一张Ipad上打开的界面
有关code server的环境配置,这里就不细说了,在下面这个链接里将描述怎么配置java,python,C++等语言的环境.
【code-server】配置code server语言运行环境「IPAD编程」「Python」「JAVA」「C++」

新手上路,有错请指正!