Code-Server 安装部署教程, 可以在网页中使用的VSCode

本文介绍了Code-Server的安装与部署方法,包括通过脚本和GitHubrelease包,以及如何在Ubuntu环境中设置开机启动、配置文件管理和VSCode插件市场。详细步骤帮助开发者便捷地实现远程协作和自托管开发环境。
摘要由CSDN通过智能技术生成

一、Code-Server

        安装Code-Server的主要是为了远程协作更加方便,编译机和OA机之间通过远程桌面使用,会比较卡顿,而VSCode自身的ssh工具,使用起来总是不够顺手。直到遇到了由Coder开发的Code-Server, 基本可以和VSCode无缝切换,各种插件,主题基本都能直接使用,上手难度为0.

        本人编译机环境介绍:

[15:31:32 (48) jacob@jacob-hp code-server] $ lsb_release -a
No LSB modules are available.
Distributor ID:	Ubuntu
Description:	Ubuntu 20.04.6 LTS
Release:	20.04
Codename:	focal
[15:31:45 (49) jacob@jacob-hp code-server] $ uname -a
Linux jacob-hp 5.15.0-94-generic #104~20.04.1-Ubuntu SMP Tue Jan 16 13:34:09 UTC 2024 x86_64 x86_64 x86_64 GNU/Linux

二、安装与部署

        1、官网 

                (1)Coder官网: Coder | Cloud Development Environment: Remote & Self Hosted

                (2)Code-Server: Home - code-server Docs

        2、安装方式

                (1)使用脚本的方式进行安装

1、如果需要预览安装过程中会出现的异常,使用如下命令
    curl -fsSL https://code-server.dev/install.sh | sh -s -- --dry-run
2、如果不关注安装过程,使用如下命令:
    curl -fsSL https://code-server.dev/install.sh | sh
3、可以使用如下命令仅下载安装脚本,然后手动执行脚本进行安装:
    curl -fsSL https://code-server.dev/install.sh -o code-server-install.sh

该脚本有以下参数可以使用,根据需要修改即可:
--dry-run: echo the commands for the install process without running them.
--method: choose the installation method.
--method=detect: detect the package manager but fallback to --method=standalone.
--method=standalone: install a standalone release archive into ~/.local.
--prefix=/usr/local: install a standalone release archive system-wide.
--version=X.X.X: install version X.X.X instead of latest version.
--help: see usage docs.
--edge: install the latest edge version (i.e. pre-release)

                (2)直接下载github上的release包:
https://github.com/coder/code-server/releasesicon-default.png?t=N7T8https://github.com/coder/code-server/releases

export VERSION=4.23.1
curl -fOL https://github.com/coder/code-server/releases/download/v$VERSION/code-server_${VERSION}_amd64.deb
sudo dpkg -i code-server_${VERSION}_amd64.deb

        3、环境部署

                (1)执行如下命令,可以在开机的时候启动:

sudo systemctl enable --now code-server@$USER

                (2)修改配置文件, 配置文件路径:~/.config/code-server/config.yaml

                         bind-addr: 可以修改port为需要的port

                         auth: 可以指定为password或者none

                         password:如果auth为password, 需要设置password, 也支持Argon2加密的密码, 这两个二选一即可

bind-addr: 0.0.0.0:28080
auth: password
# password: 123456
hashed-password: $argon2i$v=19$m=16,t=2,p=2$eVYwb1VGMjRoQWNwNVpGMw$gjQJtCekg0w0JEoqqrrBmA
cert: false

                        Argon2在线加密:Argon2 Hash Generator, Validator & Verifier

                        以234567为明文加密:

                         (a)在Plain Text Input下面的框输入自己的密码

                         (b)点击Salt下方框里面的齿轮,会随机生成一串字符串, 其他信息根据自己需要修改

                         (c)点击最下方的'GENERATE HASH'的按钮,会生成两种不同格式的密文, 选择Encoded类型的密文copy到配置文件里面

                (3)在/usr/lib/code-server/lib/vscode/product.json里面加入如下内容, 可以使用VSCode的插件市场

  "extensionsGallery": {
    "serviceUrl": "https://marketplace.visualstudio.com/_apis/public/gallery",
    "cacheUrl": "https://vscode.blob.core.windows.net/gallery/index",
    "itemUrl": "https://marketplace.visualstudio.com/items",
    "controlUrl": "",
    "recommendationsUrl": ""
  }

        到此,部署完成,code-server还有其他参数,可以根据需要自行了解和配置

三、使用教程

        在任意浏览器输入部署code-server的机器的ip(在本机可以直接使用127.0.0.1)及对应的port, 然后会要求输入密码,密码校验之后就会进入欢迎页面,可以按照自己的喜好进行配置

  • 15
    点赞
  • 20
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答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 客户端进行开发。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值