Code-Server搭建

前端 · 2023-01-24

项目目的:解决无法脱离PC办公,搭建云端Vscode。

项目环境:

  • 腾讯云轻量服务器1h2g6m
  • 宝塔面板
  • amd架构x64
  • centos7.9

效果展示:
2023-06-11T07:04:50.png

搭建步骤:

1、下载code-server源代码
https://github.com/coder/code-server/releases/tag/v4.12.0
tips:注意云服务器系统架构和类型

2.创建域名

这里宝塔面板创建域名是为了方便访问服务,如果没有域名可跳过此步骤。

无域名在 /www/wwwroot 目录下新建一个文件夹用于放置代码文件,便于规范管理。
yuming.png

3.上传下载的文件到服务器

将下载的压缩包文件上传到之前建的网站目录下;接着解压重命名为codeserver(这个名字自定义,只是为了方便记忆)

vscode-untar.jpg

4.运行code-server

直接在解压的文件夹内点击终端

vscode-webshell.png

输入以下代码:

./bin/code-server --host 0.0.0.0 --port 8080
--host 0.0.0.0 表示允许公网访问

--port 8080 表示服务端口是8080(这里可以自定义合适的端口)

终端输出以下提示即表示服务启动成功

bash-output-vscode.png

进入浏览器,输入服务器公网ip,加上刚才我们指定的端口号(8080)进入,显示欢迎界面输入密码进入

5.环境配置

在第一次开启code-server时,会在服务器 根目录/root/.config/code-server下生成一个配置文件

root-vscode-config.jpg

双击该配置文件即可定义用户配置:

vscode-config-yaml.png

打开后修改 host:端口 和 密码 ,这里建议把host改为 0.0.0.0 以能够使用外网访问。

6.成功访问

浏览器地址栏输入域名(ip)+端口,然后输入前面设置的密码(password)即可进入自己的vscode-server服务。

如果不想使用密码,在 启动命令中加

--auth none
即可无需密码进入。

服务器
  1. 想想你的文章写的特别好www.jiwenlaw.com

  2. 不错不错,我喜欢看 https://www.ea55.com/

  3. nvlqqdrssh 13 天前

    叼茂SEO.bfbikes.com

Theme Jasmine by Kent Liao