配置你的VsCode服务器,随时随地写代码!

Hello,大家好,好久不见!前段时间忙着秋招和论文,临近秋招结束,终于有时间更新了

前段时间实验室搞一个4090服务器,终于可以无所忌惮地跑深度学习咯,刚好要配置环境,今天就教大家通过code-server配置一下网页版的VsCode,然后让你随时随地打开网站就可以编程,像这样:

优点

  • 文件编辑
  • 文件上传
  • 代码运行
  • 代码提示
  • 丰富的插件

网页端不用多说,最大的优势就是不需要安装,不占用本地空间,不影响环境,All in one,VsCode提供了图形化的界面,部署成功后,Vscode可以替代xshell、xftp等服务器连接工具,文件只需拉进工作文件夹即可上传(就是没有进度条,很烦,不适合大文件),终端直接可以从下放拉出来。

环境

今天的主角就是:Code-Server

它的目标是:Run VS Code on any machine anywhere and access it in the browser.

本次教程系统是Ubuntu,是服务器的其中一个Docker容器,Docker容器里安装和实际系统安装其实大致都一样,唯一差别在于端口设置,可以放心使用。

手动安装

Github容易抽风,下载安装包可能会很慢,或者中途失败,因此我是用手动安装的方式,自动安装比较简单稍后介绍。

来到https://github.com/coder/code-server

点击Releases来到发行物页面:

因为我们是Docker的Ubuntu选择下载这个:

上传我们的安装包,在其目录下运行 :

复制代码
dpkg -i code-server_4.19.0_amd64.deb.

安装完后运行:

复制代码
code-server

第一次运行,会在.config/code-server/目录下生成config.yaml 文件:

cmd 复制代码
bind-addr: 127.0.0.1:8080
auth: password
password: xxxxx
cert: false

bind-addr是绑定的地址,因为是Docker容器都会与服务器本机有端口映射,比如20031:4091,前者代表服务器的端口,后者代表容器的端口。

这里将bind-addr修改成0.0.0.0:4091 ,这样当我们访问地址:服务器IP:20031的时候,会帮我们转到容器的4091端口,实现网站的访问。

password表示登录密码(按需修改),auth表示登录方式,不需要改。

重新上传config.yaml文件或者直接修改后,重新运行:

复制代码
code-server

这一次浏览器打开服务器IP:20031,见到美妙的画面:

接下来就是享用你的代码时间

自动安装

官方教程:https://coder.com/docs/code-server/latest/install

复制代码
curl -fsSL https://code-server.dev/install.sh | sh   # 1.下载自动安装的脚本并运行
code-server # 2.运行

参考

https://blog.csdn.net/qq_54223828/article/details/128679218

总结

其实网页端的代码编辑器有很多,像我之前租的云服务器就是用的Jupyter Lab,但对于语言的支持还是Vscode更胜一筹,如果你是搞科学计算相关的,平时用Jupyter Notebook或者py,Jupyter Lab也是不错的选择。

这里是GIS宇宙,我们下期再见!

商业合作请私信公众号

本人其他平台账号:

  • 微信公众号:GIS宇宙
  • CSDN:GIS_宇宙
  • 知乎:GIS宇宙
  • 掘金:GIS宇宙
相关推荐
迪康coolmu13 小时前
出差终端数据安全落地实战:基于迪康端点安全一体化管理系统的四道防线实践
运维·服务器·经验分享·笔记·其他·安全·php
lzj_pxxw14 小时前
STM32移植FreeRTOS(Cmake+CubeMX)
vscode·stm32·嵌入式硬件
qq_3718021115 小时前
Ubuntu Linux中安装WorkBuddy
linux·运维·服务器·ubuntu
独隅16 小时前
WebStorm 在 Linux 环境下的实战安装与高效开发指南
linux·ide·webstorm
modelmd18 小时前
离线安装与使用 vscode Remote SSH插件
ide·vscode·ssh
坤坤子吖18 小时前
Linux网络编程:TCP服务器的多进程与多线程实现
linux·服务器·开发语言·网络·c++·笔记·学习
say_fall19 小时前
【AI大模型】MCP 模型上下文协议:客户端-服务器架构、JSON-RPC 消息与能力协商、工具发现与调用链路、与函数调用的分工
服务器·人工智能·架构
独隅19 小时前
WebStorm macOS 安装调优与实战效果全景
ide·macos·webstorm
木子欢儿1 天前
国内 macOS/Linux 安装 rust
linux·运维·服务器·macos·rust
迪菲赫尔曼1 天前
【基础篇 26】第一次在服务器完成训练:准备数据、断线继续、检查成果与备份
运维·服务器·人工智能·机器学习·计算机视觉