安装一个在线VS Code 随时随地在线编辑代码 code server搭建教程

2024-04-13 19:20

本文主要是介绍安装一个在线VS Code 随时随地在线编辑代码 code server搭建教程,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

code-server是一款在线的 VS Code,只需将其部署到服务端,就可以在浏览器上使用 VS Code,本文将介绍 code-server 安装和使用方法。

首先我们需要准备一台Linux服务器,这里我推荐伍六七云:https://www.vps567.com/ 香港2H2G 5M服务器只需要20元

还有国内外高防服务器,免费虚拟主机以及全球CDN加速挂机宝等业务。

安装一个在线VS Code 随时随地在线编辑代码 code server搭建教程插图

搭建教程:

在我测试过程中官方的一键脚本在CentOS上会无法使用,具体大家可看下面的图:

安装一个在线VS Code 随时随地在线编辑代码 code server搭建教程插图1

提示找不到一些软件环境的问题,我使用的是CentOS 7.9 然后换了Ubuntu 22.04.4发现并没有这个问题,如果大家和我出现一样的情况,可以继续往下看。

一键脚本:

注意:在CentOS可能无法使用,Ubuntu可以使用。

curl -fsSL https://code-server.dev/install.sh | sh

会自动安装code-server,脚本跑完后,我们执行code-server来初始化一下。

然后ctrl+c,退出一下,再到我们的/root/.config/code-server/config.yaml下找到我们的配置文件:

bind-addr: 127.0.0.1:8080

auth: password

password: xxxxxxxxxxxxxx

cert: false

这个时候只有我们服务器能访问code server,我们需要把127.0.0.1修改成0.0.0.0才能访问到外网,password也可以自定义。

bind-addr: 0.0.0.0:8080

auth: password

password: 123456

cert: false

编辑完成后,我们执行code-server就能通过IP+8080端口访问了,如果有防火墙记得放行端口。

sudo ufw allow 8080/tcp

sudo ufw reload

但是我们退出终端,就会无法访问了,这个时候我们通过宝塔=进程守护的插件-添加一个进程守护-目录随便选择-启动命令code-server就可以了。

GLIBC版过低安装:

下面是大家可以出现的报错,这些错误表明在你尝试启动 code-server 时,它依赖的一些库的版本与你的系统中可用的版本不匹配。具体来说,它需要的GLIBC版本高于你系统中安装的版本。

/usr/lib/code-server/lib/node: /lib64/libm.so.6: version `GLIBC_2.27’ not found (required by /usr/lib/code-server/lib/node)

/usr/lib/code-server/lib/node: /lib64/libc.so.6: version `GLIBC_2.25’ not found (required by /usr/lib/code-server/lib/node)

/usr/lib/code-server/lib/node: /lib64/libc.so.6: version `GLIBC_2.28’ not found (required by /usr/lib/code-server/lib/node)

/usr/lib/code-server/lib/node: /lib64/libstdc++.so.6: version `CXXABI_1.3.9’ not found (required by /usr/lib/code-server/lib/node)

/usr/lib/code-server/lib/node: /lib64/libstdc++.so.6: version `GLIBCXX_3.4.20’ not found (required by /usr/lib/code-server/lib/node)

/usr/lib/code-server/lib/node: /lib64/libstdc++.so.6: version `GLIBCXX_3.4.21’ not found (required by /usr/lib/code-server/lib/node)

解决这个问题有几种方法,其中之一是安装更新的GLIBC版本。但这通常需要修改系统的核心库,这可能会导致系统不稳定甚至无法启动,因此不建议这样做。

相反,一个更安全的解决方案是在另一个支持所需GLIBC版本的系统上运行code-server,或者尝试使用更旧版本的code-server,这可能与你的系统库版本兼容。

另一种解决方案是尝试使用docker或其他容器化技术来运行code-server,这样它可以在一个独立于主机系统的环境中运行,并且不会受到主机系统库版本的限制。

docker安装:

首先我们需要安装好docker环境:docker一键安装脚本 再执行下面的命令:

mkdir -p ~/.config

docker run -it --name code-server -p 0.0.0.0:8080:8080 \

-v “$HOME/.local:/home/coder/.local” \

-v “$HOME/.config:/home/coder/.config” \

-v “$PWD:/home/coder/project” \

-u “ ( i d − u ) : (id -u): (idu):(id -g)” \

-e “DOCKER_USER=$USER” \

codercom/code-server:latest

然后ctrl+c退出终端,执行:docker ps -a 查看停止的code-server容器ID。

再执行:docker start <容器名称或ID>运行容器。

执行下面的目录进入容器目录编辑配置文件:

docker exec -it <容器名称或ID> /bin/bash -c “cd /root/.config/code-server && exec bash”

输入vi config.yaml就能编辑配置文件,或者直接在宝塔-docker-容器-目录,进入容器目录找到/root/.config/code-server目录编辑配置文件。

把password修改成你自定义的密码就行了,然后在重启一下容器:docker restart <容器名称或ID>

设置中文:

在扩展中心搜索chinese,就会出现中文简体的语言包,安装再点击按钮重启页面就好了。

安装一个在线VS Code 随时随地在线编辑代码 code server搭建教程插图2

原文:https://www.4awl.net/4448.html

这篇关于安装一个在线VS Code 随时随地在线编辑代码 code server搭建教程的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/900998

相关文章

vite搭建vue3项目的搭建步骤

《vite搭建vue3项目的搭建步骤》本文主要介绍了vite搭建vue3项目的搭建步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学... 目录1.确保Nodejs环境2.使用vite-cli工具3.进入项目安装依赖1.确保Nodejs环境

Nginx搭建前端本地预览环境的完整步骤教学

《Nginx搭建前端本地预览环境的完整步骤教学》这篇文章主要为大家详细介绍了Nginx搭建前端本地预览环境的完整步骤教学,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录项目目录结构核心配置文件:nginx.conf脚本化操作:nginx.shnpm 脚本集成总结:对前端的意义很多

idea+spring boot创建项目的搭建全过程

《idea+springboot创建项目的搭建全过程》SpringBoot是Spring社区发布的一个开源项目,旨在帮助开发者快速并且更简单的构建项目,:本文主要介绍idea+springb... 目录一.idea四种搭建方式1.Javaidea命名规范2JavaWebTomcat的安装一.明确tomcat

Java集合之Iterator迭代器实现代码解析

《Java集合之Iterator迭代器实现代码解析》迭代器Iterator是Java集合框架中的一个核心接口,位于java.util包下,它定义了一种标准的元素访问机制,为各种集合类型提供了一种统一的... 目录一、什么是Iterator二、Iterator的核心方法三、基本使用示例四、Iterator的工

Java 线程池+分布式实现代码

《Java线程池+分布式实现代码》在Java开发中,池通过预先创建并管理一定数量的资源,避免频繁创建和销毁资源带来的性能开销,从而提高系统效率,:本文主要介绍Java线程池+分布式实现代码,需要... 目录1. 线程池1.1 自定义线程池实现1.1.1 线程池核心1.1.2 代码示例1.2 总结流程2. J

全网最全Tomcat完全卸载重装教程小结

《全网最全Tomcat完全卸载重装教程小结》windows系统卸载Tomcat重新通过ZIP方式安装Tomcat,优点是灵活可控,适合开发者自定义配置,手动配置环境变量后,可通过命令行快速启动和管理... 目录一、完全卸载Tomcat1. 停止Tomcat服务2. 通过控制面板卸载3. 手动删除残留文件4.

Python的pandas库基础知识超详细教程

《Python的pandas库基础知识超详细教程》Pandas是Python数据处理核心库,提供Series和DataFrame结构,支持CSV/Excel/SQL等数据源导入及清洗、合并、统计等功能... 目录一、配置环境二、序列和数据表2.1 初始化2.2  获取数值2.3 获取索引2.4 索引取内容2

JS纯前端实现浏览器语音播报、朗读功能的完整代码

《JS纯前端实现浏览器语音播报、朗读功能的完整代码》在现代互联网的发展中,语音技术正逐渐成为改变用户体验的重要一环,下面:本文主要介绍JS纯前端实现浏览器语音播报、朗读功能的相关资料,文中通过代码... 目录一、朗读单条文本:① 语音自选参数,按钮控制语音:② 效果图:二、朗读多条文本:① 语音有默认值:②

Vue实现路由守卫的示例代码

《Vue实现路由守卫的示例代码》Vue路由守卫是控制页面导航的钩子函数,主要用于鉴权、数据预加载等场景,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着... 目录一、概念二、类型三、实战一、概念路由守卫(Navigation Guards)本质上就是 在路

uni-app小程序项目中实现前端图片压缩实现方式(附详细代码)

《uni-app小程序项目中实现前端图片压缩实现方式(附详细代码)》在uni-app开发中,文件上传和图片处理是很常见的需求,但也经常会遇到各种问题,下面:本文主要介绍uni-app小程序项目中实... 目录方式一:使用<canvas>实现图片压缩(推荐,兼容性好)示例代码(小程序平台):方式二:使用uni