Linux服务器部署Web版VSCode,在window下使用浏览器在linux环境下编写代码

最近尝试了一下在Linux服务器上部署VSCode,也就是code-server,然后在windows电脑上通过浏览器访问打开在线编辑器编写代码,以下记录一下部署过程。

1、在linux服务器上安装code-server

a、进入到home目录下

b、创建vscode目录

c、进入vscode目录

d、使用wget命令下载code-server压缩包,我这里安装的是4.9.1版本

e、使用tar命令解压压缩包

复制代码
cd /home
mkdir vscode
cd vscode
wget https://github.com/coder/code-server/releases/download/v4.9.1/code-server-4.9.1-linux-amd64.tar.gz
tar -xvf code-server-4.9.1-linux-amd64.tar.gz

2、解压完成后,进入bin目录,执行以下命令

a、进入code-server-4.9.1-linux-amd64/bin目录

b、执行 ./code-server 命令

复制代码
cd code-server-4.9.1-linux-amd64/bin
./code-server

c、第一次执行完 ./code-server 命令后,会在用户目录/.config/code-server下生成一个 config.yaml的配置文件,如图:

d、先使用Ctrl+C组合键退出code-server服务,使用 vi /root/.config/code-server/config.yaml 命令打开配置config.yaml文件,根据需要修改ip、端口和登录密码:

e、由于我这里是配置的8081端口,所以需要服务器放开8081端口,可以在自己的阿里云或者腾旭云服务控制后台的安全组添加8081端口,并设置策略为允许,如下图:

f、进入/home/vscode/code-server-4.9.1-linux-amd64/bin 目录下,执行 ./code-server 命令,启动code-server服务

g、此时在自己的window电脑上就可以通过:服务器ip:8081 来访问web版的vscode了,效果如下图:

第一次访问需要输入之前在config.yaml配置文件里设置的登录密码(123456),就可以愉快的在浏览器下写代码了

3、设置code-server服务保持后台在线

但是到这里还有一个问题,当前这种运行是在前台运行的,不是在后台运行的,如果运行这个code-server的话,就需要保持code-server一直在前台运行,我们的服务器就不能做其他操作了,这时我们需要使用systemctl管理来运行code-server,把code-server变成一个系统服务,可以在后台运行。操作如下:

a、使用cd命令进入 /etc/systemd/system/ 目录下

复制代码
cd /etc/systemd/system/

b、使用touch命令新建一个code-server.service文件

复制代码
touch code-server.service

c、使用vim编辑code-server.service为如下内容

复制代码
[Unit]
Description=code-server
After=network.target

[Service]
Type=exec
ExecStart=/home/vscode/code-server-4.9.1-linux-amd64/bin/code-server
Restart=always
User=root

[Install]
WantedBy=default.target

ExecStart是code-server指令所在的地址,咱们的刚刚运行code-server的时输入的linux指令code-server后所执行的就是/home/vscode/code-server-4.9.1-linux-amd64/bin/code-server这个可执行文件

以后就可以以下命令启动、重启、停止或卸载code-server服务了:

启动code-server:

复制代码
sudo systemctl start code-server

重启code-server:

复制代码
sudo systemctl status code-server

停止code-server:

复制代码
sudo systemctl stop code-server

卸载code-server(卸载之前先停止code-server)

复制代码
rm -rf /home/vscode
rm -rf ~/.local/share/code-server
rm -rf ~/.config/code-server
rm -rf /etc/systemd/system/code-server.service
相关推荐
梦帮科技11 分钟前
Kali Linux Scapy 畸形报文构造学——深度解剖非法 TCP Flags 与反常序列号
linux·爬虫·神经网络·算法·数学建模·系统架构·模拟退火算法
hhb_61827 分钟前
一键生成数据看板,ECharts实战演示
前端·javascript·echarts
半杯咖啡半行码1 小时前
Linux 驱动开发入门:内核模块编程基础
linux·服务器·网络
别动我齐刘海2 小时前
Linux 系统调试学习2
linux·运维·c++·人工智能·学习·机器学习·机器人
龙虾电话2 小时前
语音机器人打断不进去:VAD 双阈值迟滞里一个共用的 bool,和它引发的连锁误判
linux
honsor2 小时前
机房IP化改造首选:以太网温湿度传感器,PoE供电+Modbus TCP一网搞定
linux·运维·服务器
const_qiu2 小时前
第一章 1.1-1.2:基础模型调用与 TypeScript 入门 —— Java 开发者的视角
java·javascript·typescript
默|笙2 小时前
【Linux网络】_udp_socket(认识)
linux·网络·udp
程序员梅雨3 小时前
ZooKeeper面经总结
java·大数据·linux·分布式·后端·zookeeper·中间件
lingran__3 小时前
Linux进程万字详解(二)|进程状态深度剖析:调度队列、内核链表、D状态设计哲学、僵尸孤儿进程与Slab机制
linux·进程管理·内核链表·pcb·僵尸进程·孤儿进程·进程状态