首页 > 开发工具 > VSCode > 正文

如何使用code-server打造自己的云端VSCode?

青灯夜游
发布: 2020-12-01 17:41:19
原创
6893 人浏览过

如何使用code-server打造自己的云端VSCode?

相关推荐:《vscode基础教程

最近外出学习老是要背着个电脑还挺累的,但是我又需要电脑进行编程。有没有什么方法可以让我只需携带iPad外出同时又能进行编程呢?

答案是开源项目code-server,通过它可以在浏览器上运行VS Code。下面我将介绍如何使用code-server打造你的云端VS Code。

目标

通过code-server在你的服务器上运行VS Code,然后通过浏览器访问VS Code。

服务器

首先你需要准备一台服务器,官方文档推荐的最低配置是

  • 1 GB of RAM
  • 2 cores(1核能跑,但有时候会卡住)

如果你还没有服务器,国内推荐购买腾讯云(良心云)服务器;国外推荐购买Vultr,按量计费,线路不错,支持微信/支付宝。如果你想支持我,可以使用我的AFF链接,你将会获得100美元的使用额度,我也会得到25美元的使用额度。

操作系统可以使用任何你喜欢的Linux发行版,本文以Ubuntu 20.04为例。

安装code-server

我们将通过官方提供的脚本安装code-server。使用XShell或Putty等登陆你的服务器,然后依次运行如下命令:

curl -fsSL https://code-server.dev/install.sh | sh -s -- --dry-run
curl -fsSL https://code-server.dev/install.sh | sh
登录后复制

运行完毕后,安装脚本将会打印出如何运行和使用code-server。

systemctl start code-server@$USER // 启动code-server
登录后复制

访问code-server

code-server默认使用密码登录(密码保存在~/.config/code-server/config.yaml),并且监听losthost从而避免向外界暴露自己。但我们的目标是在不同的机器上访问它。

下面我将介绍一种安全的且简单的访问code-server的方法。

在更进一步之前,你需要确保服务器开启HTTP/HTTPS端口

ufw allow 80
ufw allow 443
登录后复制

1、一个你自己的域名(你都已经看到这里了相信你也是有域名的人。如果还没有,你可以考虑购买一个,我使用的是NameCheap,Github学生包里有一年的免费NameCheap域名)。

2、使用A记录解析你的域名到服务器IP。

3、安装Caddy。

echo "deb [trusted=yes] https://apt.fury.io/caddy/ /" \
    | sudo tee -a /etc/apt/sources.list.d/caddy-fury.list
sudo apt update
sudo apt install caddy
登录后复制
Caddy服务器是一个开源的,使用 Golang 编写,支持 HTTP/2 的 Web 服务端。它使用Golang 标准库提供HTTP 功能。 Caddy 一个显著的特性是默认启用HTTPS。它是第一个无需额外配置即可提供HTTPS 特性的Web 服务器。

——维基百科

注意:上述方法安装的是Caddy 2,而目前中文互联网搜索出来的Caddy文档大部分是1版本,2和1有不少区别,请读者自行查阅官方英文文档。

4、nano /etc/caddy/Caddyfile,将里的内容替换下面内容

yourdomain.com
reverse_proxy 127.0.0.1:8080
登录后复制

5、重启caddy:

sudo systemctl reload caddy
登录后复制

接着在浏览器访问https://<your-domain-name>就可以进入你的code-server页面啦!

修改密码

只需修改~/.config/code-server/config.yaml里password的值,然后重启code-server即可:

sudo systemctl restart code-server@$USER
登录后复制

参考

code-server Setup Guide(https://github.com/cdr/code-server/blob/v3.7.3/doc/guide.md)

更多编程相关知识,请访问:编程教学!!

以上是如何使用code-server打造自己的云端VSCode?的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:segmentfault.com
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板