code-server下载地址
GitHub - coder/code-server: VS Code in the browser
操作环境
本文配置环境为 : aliyun ECS + Debian 11.5
准备工作
Xftp、阿里云ECS云服务器、code-server最新软件安装压缩包
开始
1.用VNC连接云服务器,更新软件
阿里云官网
阿里云-计算,为了无法计算的价值 (aliyun.com)
登录阿里云-控制台-资源中心-云服务器ECS-实例
①如果你没有设置过VNC密码
点击你的实例,进入详情页面,选择修改远程连接(VNC)密码,设置一下即可
②如果你已经设置好了VNC密码
在实例页面,点击远程连接,选择通过VNC远程连接,输入密码连接即可进入操作终端
输入以下指令,更新软件
sudo apt update
sudo apt upgrade
2.用Xftp连接上传下载好的code-server压缩包
①下载Xftp
XFTP - NetSarang Website (xshell.com)
②连接并上传压缩包(假设存放地址为/home/ecs-user/)
3.返回VNC终端页面
#下载常用软件
sudo apt install gcc g++ gdb git make vim screen
#cd到压缩包地址
cd /home/ecs-user/
#解压并重命名(为了方便)
tar -zxvf code-server-4.11.0-linux-amd64.tar.gz
mv code-server-4.11.0-linux-amd64/ code_server
#cd到code-server安装目录
cd code-server
#初始运行code-server
bin/code-server
#停止Ctrl+c
#为避免默认 IP 限制问题,编辑 config 文件,然后再打开访问
vim ~/.config/code-server/config.yaml
#bind-addr:后面的部分改成0.0.0.0:8080(端口号可设置任意未占用的)
#password:后面的部分改成你将设置的密码
4.进入云服务器管理页面,放行8080端口
放行端口
登陆阿里云,控制台-资源中心-云服务器ECS-安全组,选择你的实例,入方向,手动添加要放行的端口,端口范围:8080,授权对象:0.0.0.0(代表对所有ip放行),描述:一个备注,任意
5.保活后台打开code-server
利用screen的后台特性,创建新窗口打开code-server,然后返回主窗口,我们依旧返回VNC终端页面
#创建新的会话
screen -S new_session
#cd到code-server安装目录
cd /home/ecs-user/code_server
#将密码添加至环境变量
export PASSWORD="your password"
#以参数形式打开code-server
##port代表运行的端口号
##host代表能访问的ip地址,设置为0.0.0.0即不设限制
##auth代表访问方式,参数为password,即用密码访问
bin/code-server --port 8080 --host 0.0.0.0 --auth password
#Ctrl+A+D返回主窗口
菜鸟教程-screen命令
Linux screen命令 | 菜鸟教程 (runoob.com)
screen-基本操作
#创建一个screen终端
screen -S session_name
#返回上一个screen终端
screen -r
#显示现有的screen终端
screen -ls
#Ctrl+A+D返回主窗口
Ubuntu服务开机、自启动、禁止等相关指令
systemctl is-enabled servicename.service #查询服务是否开机启动
systemctl enable *.service #开机运行服务
systemctl disable *.service #取消开机运行
systemctl start *.service #启动服务
systemctl stop *.service #停止服务
systemctl restart *.service #重启服务
systemctl reload *.service #重新加载服务配置文件
systemctl status *.service #查询服务运行状态
6.尝试连接code-server
<ECS 公网地址>:<你的端口号>
7.设置文件夹权限
在你的主目录下创建一个文件夹作为你存VSCode代码的文件夹,并设置修改权限
#cd到主目录
cd ~
#创建一个文件夹,名为VSCode
mkdir VSCode
#给予权限
sudo chmod 777 VSCode
8.(可选)利用sftp做到本地与云端同步
以上步骤完成后,打开本地PC上的VScode,安装SFTP扩展,Ctrl+Shift+P打开命令行输入
SFTP:config
在打开你的配置文件中填写你的服务器公网地址host、用户名username、密码password、共享文件夹地址remotepath,配置如下。
#SFTP:config
{
"name": "<随便起个名字,也可以不变>",
"host": "<你的公网地址>",
"protocol": "sftp",
"port": 22,
"username": "<你的用户名>",
"password": "<你的密码>",
"remotePath": "<你创建的共享文件夹路径>例如:/home/ecs-user/VSCode/",
"uploadOnSave": false,
"useTempFile": false,
"openSsh": false,
"syncMode": "update",
"ignore": [
"**/.vscode/**",
"**/.git/**",
"**/.DS_Store"
]
}
修改完后,在code-server文件界面处任意处右键可以在右键菜单中看到sftp的拓展菜单
Sync Remote—>Local #云端同步到本地
Sync Local—>Remote #本地同步到云端
注意:云端的code-server不需要下载SFTP
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)