【code-server】部署浏览器上的VSCode「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++」

新手上路,有错请指正!

  • 14
    点赞
  • 96
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 8
    评论
### 回答1: 您可以使用以下方法在不使用 VSCode 的情况下使用 Code-Server: 1. 安装 Code-Server:可以通过以下命令安装 Code-Server: ``` curl -fsSL https://code-server.dev/install.sh | sh ``` 2. 启动 Code-Server:启动 Code-Server 的命令如下: ``` code-server ``` 3. 使用浏览器访问 Code-Server:在浏览器中输入 Code-Server 的 URL,即可访问 Code-Server。URL 的格式如下: ``` http://[hostname]:[port] ``` 其中,`hostname` 是 Code-Server 所在服务器的主机名或 IP 地址,`port` 是 Code-Server 监听的端口号。默认情况下,Code-Server 监听的端口号为 8080。 您还可以使用命令行选项来自定义 Code-Server 的启动参数。例如,要将 Code-Server 的监听端口设为 8443,可以使用以下命令启动 Code-Server: ``` code-server --port 8443 ``` 希望这些信息能帮到您。 ### 回答2: 要只使用 code-server 服务而不使用 VS Code,可以按照以下步骤进行操作: 1. 安装 code-server:在你的服务器或电脑上安装和配置 code-server 。你可以在 GitHub 上找到 code-server 的代码仓库,并按照文档上的指导进行安装步骤。 2. 启动 code-server:在安装完成后,运行 code-server 的命令来启动服务。命令的具体内容可以在 code-server 的文档中找到。通常情况下,你需要提供一个端口号和访问密码。 3. 访问 code-server:使用任何支持 web 浏览器的设备,输入服务器的 IP 地址和端口号来访问 code-server。例如,如果你的服务器 IP 地址是 192.168.0.100,而 code-server 的端口号是 8080,那么你可以在浏览器中输入 `192.168.0.100:8080` 来访问 code-server。 4. 登录 code-server:在浏览器打开 code-server 后,你可能需要输入访问密码来登录。这个密码是你在启动 code-server 时设置的。 5. 使用 code-server:一旦成功登录,你就可以在浏览器中开始使用 code-server 了。code-server 的界面和功能与 VS Code 类似,你可以在其中编写和调试代码,并使用各种插件和扩展。 熟练掌握 code-server 后,你就可以只使用这个服务,而不用安装和配置本地的 VS Code 软件。这样可以方便地在多个设备上访问代码,并在服务器上进行开发和编辑。 ### 回答3: code-server 是一个基于浏览器的远程开发工具,允许用户通过浏览器访问并使用 Visual Studio Code 的功能。如果你只想使用 code-server 的服务而不使用本地的 Visual Studio Code 客户端,可以按照以下步骤进行操作: 1. 安装 code-server: - 在你的服务器上安装 Docker,或者使用其他适用于你的操作系统的方法安装 code-server。 - 根据官方文档提供的说明,下载并安装 code-server。这将在服务器上创建一个可访问的 code-server 实例。 2. 访问 code-server: - 打开任意支持现代浏览器的设备,并在浏览器中输入服务器的 IP 地址和端口号。默认端口号为 8080,可以根据需要进行配置。 - 如果一切正常,你将在浏览器中看到 code-server 的登录页面。 3. 登录并使用 code-server: - 输入你在以前设置的密码,或者按照首次登录时的提示设置密码。 - 成功登录后,你将看到一个与 Visual Studio Code 相似的编辑器界面。 - 在这里你可以编写、编辑代码,使用扩展和插件等功能,与使用本地的 Visual Studio Code 时类似。 尽管 code-server 提供了许多与 Visual Studio Code 相似的功能,但仍然有一些限制,例如某些扩展可能无法正常工作,某些高级功能可能不可用。此外,由于在远程服务器上运行,可能会受到网络延迟的影响。因此,如果你的需求无法满足 code-server 的限制,或者对你的开发工作有严格的性能要求,你可以考虑使用本地的 Visual Studio Code 客户端进行开发。
评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Khalil三省

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值