🔥 热搜 🔥
上海习近平新疆鄂州父女瓜乌鲁木齐疫情H工口小学生赛高习明泽芊川一笑图包印尼排华
分类
社会娱乐国际人权科技经济其它
🔥 热搜 🔥
百度今日热点微信公众平台贴吧opggdnf私服百度贴吧知乎dnf公益服百度傻逼
分类
社会娱乐国际人权科技经济其它
查看原文
其他

随时随地写代码: 通过 railway 和 code-server 搭建网页版的 visual studio code

点此关注→ 码农真经 2023-12-25

演示

通过以下教程，很轻松的部署了一个在线编辑器
  • 地址：https://vscode.mzh.ren/  (需自带扶梯) ,
  • 密码：mzhren

背景和需求

我有一个 iPad 平板，平时出门碎片时间在 leetcode 和 binarysearch 上刷题，因为可以直接在网页里敲代码。除了用一些SSH Terminal远程登陆服务器用 vim 改代码，平板上做开发并没有很好用的IDE。

CODE-SERVER

项目地址：https://github.com/cdr/deploy-code-server
通过这个项目可以在服务器 (VPS) 上配置 code-server, 通过 export 端口(8080) 可以在浏览器里以网页方式打开 vscode.

RAILWAY.APP

Serverless Application (无服务器的应用).

搭建免费的网页版的 VSCODE

首先 fork 一下官方的 github 项目 https://github.com/cdr/deploy-code-server
然后在 railway 创建一个免费的帐号，然后 New Project, 选择 Deploy from Repro – 输入 自己 forked 的代码仓库地址。
然后等着 deploy 完成后，添加一个环境变量 PASSWORD 这个是在登陆的时候需要的密码:

可以配置一个好记的域名（也可以用你自己的域名 Custom Domain):

railway 是按使用计费的 – CPU和内存的使用量。不过如果是单纯装个 vscode 来写写代码，每月用不到5美元（免费额度)

打开浏览器 敲入 railway 的配置的地址，输入密码 (环境变量 PASSWORD) 就可以在网页里打开 vscode 啦！

费用很低的，目测一个月10美元完全够用。

可以在 visual studio code 里 ctrl+j 打开 terminal, 机器很强大，64核， 1TB硬盘，200多G的内存，不过需要紧记的是 pay as you use – 使用多少就付费多少。
需要注意的是：当 project 重新被部署的时候，上面的数据会清空。所以要在上面做开发机器的时候需要及时备份数据，比如 git commit/push 或者是直接搞个 dropbox, googledrive等文件同步。或者是配置个脚本每30分钟同步一下数据。
我本来想着可以装个 remote ssh, 就可以 work anywhere (只要有浏览器)。现在程序员写代码一般都在 remote cloud desktop 上写了。可惜的是在 code-server 里装不了 微软的这个 Remote SSH 插件 (可能有版权的原因). 不过可以在 Terminal 里 SSH到别的服务器上，我可以拿来做个网页版的 SSH Terminal.
至于 vscode 本身，还可以当个记事本。要完全当个开发机器可能还是有些不便，比如快捷键和浏览器的一些冲突 (Ctrl+W, Ctrl+Shift+P), 还有就是 端口无法映射，所以前端程序员拿来DEBUG就有点困难了。
不过，因为是开源+10美元免费，这羊毛可以撸。
注册 Railway 并得到每月10美元的 Credit!
英文: Work Everywhere: Build a Serverless Visual Studio Code in Browser using Railway

往期推荐

便携式65％配列机械键盘EpomakerNT68 全面评测

so easy...自制代码截图工具

Visual Studio Code 权威指南

Markdown完全教程

VSCode自定义主题


继续滑动看下一个

您可能也对以下帖子感兴趣

文章有问题？点此查看未经处理的缓存