Work Everywhere: 通过 railway 和 code-server 搭建网页版的 visual studio code

阅读 桌面完整版

背景和需求

我有一个 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美元(免费额度). 如果发现使用费用越来越高, 可以尝试重新 Deploy, 因为内存的使用和计费是累积的. 不过重新 Deploy 会使数据丢失, 因为容器是新建的, 需要把数据托管在外部的存储空间上, 比如 Dropbox

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

费用很低的, 目测一个月5美元(原本是免费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 5美元免费, 这羊毛可以撸.

注册 Railway 并得到每月10美元的 Credit!

浏览器里SSH控制台

我发现有一个好处就是可以在 VS Code Server 里安装SSH插件, 这样我就可以把它当成一个网页端的多SSH窗口控制台, 不怕掉线, 不同电脑上方便远程登陆查看, 非常的好用. 这就是云端 SSH – Cloud/Remote SSH Consoles. Railway 建 Visual Studio Code 的最基本的功能就是可以记一些笔记, 不同电脑上方便保存资料, 比如你在别人的电脑上, 发现一个很好的资料, 你可以存在 VS Code 上, 然后回家就可以打开保存了. 需要注意的是, 每一次重新 Deploy 会让数据丢失, 需要保存长期的资料还是得保存在网盘, 比如 Dropbox, Google Drive 或者是 S3 Object 上.

英文: Work Everywhere: Build a Serverless Visual Studio Code in Browser using Railway

微信公众号: 小赖子的英国生活和资讯 JustYYUK

阅读 桌面完整版