• 首页 首页 icon
  • 工具库 工具库 icon
    • IP查询 IP查询 icon
  • 内容库 内容库 icon
    • 快讯库 快讯库 icon
    • 精品库 精品库 icon
    • 问答库 问答库 icon
  • 更多 更多 icon
    • 服务条款 服务条款 icon

在服务器搭建私人vscode

武飞扬头像
超级无敌旋风小鸭鸭
帮助1

同学们经常会遇到这样的场景

  • 出门临时需要编写代码却没有带电脑
  • 上课不想带繁重的笔记本电脑只想带一个平板
  • 想装逼用浏览器写代码

那么现在就可以搭建一个线上的vscode,你只需要通过浏览器访问即可在线编写你的代码。

本教程将指导您如何在腾讯云服务器上搭建 VS Code,并使用 code-server 进行远程开发,使您可以随时随地轻松编辑代码。code-server 是一个基于 VS Code 的开源项目,它允许您通过浏览器访问 VS Code 的界面,无需在本地安装软件。

拥有腾讯云服务器

首先,您需要购买一台腾讯云服务器。推荐购买配置为2核2G4M以上的服务器以支撑在线代码运行。以下是购买服务器的步骤:

登录腾讯云官网,前往服务器购买页面。 选择合适的服务器配置和操作系统,并完成购买。 学新通

当然了为了支撑起在线code运行最好购买2核2G4M以上的服务器

在腾讯云购买的服务器基本上已经预装了必要的依赖项,如wget和curl。如果您使用其他云服务商或自建服务器,确保已安装这些依赖项。

安装 code-server

现在我们将安装 code-server。执行以下步骤:

# 创建一个新的目录并进入其中
mkdir code-server && cd code-server

# 下载并解压 code-server
wget https://github.com/coder/code-server/releases/download/v4.16.1/code-server-4.16.1-linux-amd64.tar.gz

学新通

手动下载 code-server

如果下载速度较慢,您可以在本地电脑上下载 code-server 并通过工具如Termius将其上传到服务器。请按照以下步骤进行:

学新通 将其上传到服务器 学新通 看看上传了木有 学新通 那么就进行解压吧

tar -xvzf code-server-linux-x64.tar.gz

现在请移动到解压之后的文件夹 学新通 学新通

切换到bin文件夹 因为执行的文件在这里

cd ./bin

配置 code-server

让我们先运行一下生成一下配置文件

./code-server --help

学新通 我们可以看到info Wrote default config file to ~/.confi g/code-server/config.yaml 也就是说配置文件在~/.confi g/code-server/config.yaml我们需要修改修改内容

修改配置文件

vim ~/.config/code-server/config.yaml

按照下面的格式进行修改

bind-addr: 0.0.0.0:端口
auth: password
password: 密码
cert: false

启动 code-server

现在,您可以通过以下命令启动 code-server:

./code-server

学新通

您的 code-server 已经在服务器上成功搭建并运行了。 您可以通过浏览器访问服务器的公网 IP 地址加上端口号 8080 来访问 VS Code 编辑器。例如:http://您的服务器公网 IP:8080/

通过ip:端口进行访问

学新通 第一次进入加载可能需要一会会但是马上就好啦 然后稍微微配置一下让他变得跟电脑的vscode一样吧 学新通

当你想关闭code-server服务的时候你可以使用

Ctrl   C

相信你肯定知道现在code-server是处于前端运行的那么如何让它在后台运行呢

后台运行

./code-server &

结论

恭喜您完成了在腾讯云服务器中搭建 VS Code 的详细教程!现在您可以随时随地使用浏览器来访问 VS Code 编辑器,实现远程开发。希望本教程对您有所帮助,祝您编程愉快!如果您在搭建过程中遇到任何问题,可以随时查阅腾讯云或 code-server 的官方文档获取帮助。

这篇好文章是转载于:学新通技术网

  • 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
  • 本站站名: 学新通技术网
  • 本文地址: /boutique/detail/tanhgaihka
系列文章
更多 icon
同类精品
更多 icon
继续加载