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

970 阅读5分钟

本文已参与「新人创作礼」活动,一起开启掘金创作之路。

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++」


新手上路,有错请指正!