配置你的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宇宙
相关推荐
j***29481 天前
IPV6公网暴露下的OPENWRT防火墙安全设置(只允许访问局域网中指定服务器指定端口其余拒绝)
服务器·安全·php
ao_lang1 天前
数据链路层
linux·服务器·网络
额呃呃1 天前
零拷贝I/O的核心概念
服务器·php·apache
小兔薯了1 天前
7. LNMP-wordpress
android·运维·服务器·数据库·nginx·php
福尔摩斯张1 天前
Linux进程间通信(IPC)机制深度解析与实践指南
linux·运维·服务器·数据结构·c++·算法
golang学习记1 天前
Google Antigravity AI IDE 官方教程文档来了!
ide
Protein_zmm1 天前
Wireshark实验一:Web 浏览器与服务器的协议报文捕获与分析
服务器·测试工具·wireshark
cookies_s_s1 天前
项目--协程库(C++)前置知识篇
linux·服务器·c++
qq_310658511 天前
mediasoup源码走读(二)环境搭建与 Demo 运行
服务器·c++·音视频
p***92481 天前
服务器部署,用 nginx 部署后页面刷新 404 问题,宝塔面板修改(修改 nginx.conf 配置文件)
运维·服务器·nginx