配置你的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宇宙
相关推荐
黄同学real9 分钟前
踩坑实录:离线内网服务器 Docker 部署 PaddleOCR-VL 1.5 完全指南
运维·服务器·docker
SilentSamsara9 分钟前
Python 并发基础:threading/GIL 与 multiprocessing 的选型逻辑
服务器·开发语言·数据库·vscode·python·pycharm
shmily麻瓜小菜鸡10 分钟前
在 VSCode 里遇到报红是因为 Angular 编译器无法识别
ide·vscode·angular.js
东北甜妹11 分钟前
K8s -Daemonset,kube-proxy,service,statefulset
linux·运维·服务器
Season45014 分钟前
论close()与signal(SIGPIPE,SIG_IGN)对服务器的重要性
运维·服务器
Gary Studio16 分钟前
Git vscode 插件推荐
ide·git·vscode
芝士就是力量啊 ೄ೨17 分钟前
VSCode如何配置Python开发环境
ide·vscode·python
SilentSamsara35 分钟前
Python 内存管理:引用计数、循环垃圾回收与内存泄漏排查
开发语言·vscode·python·青少年编程·pycharm
feng_you_ying_li2 小时前
linux之shell的进阶补充和基础IO流的介绍
linux·运维·服务器
志栋智能3 小时前
运维超自动化:构建弹性IT架构的关键支撑
运维·服务器·网络·人工智能·架构·自动化