通过 railway 和 code-server 搭建网页版的 visual studio code
背景和需求
我有一个 iPad 平板, 平时出门碎片时间在 leetcode 和 binarysearch 上刷题[1], 因为可以直接在网页里敲代码. 除了用一些SSH Terminal[2]远程登陆服务器用 vim 改代码, 平板上做开发并没有很好用的 IDE.
Code-Server
项目地址: https://github.com/cdr/deploy-code-server 通过这个项目可以在服务器 (VPS) 上配置 code-server, 通过 export 端口(8080) 可以在浏览器里以网页方式打开 vscode.
Railway.app
Serverless[3] 是类似 heroku 在云端部署程序的, railyway 提供免费帐号每个月 5 美元, 通过绑定信用卡 (Developer Plan) 每月免费 10 美元, 可以用它来部署 code-server 或其它 Application (无服务器的应用).
搭建免费的网页版的 vscode
首先 fork 一下官方的 github 项目 https://github.com/cdr/deploy-code-server
然后在 railway 创建一个免费的帐号, 然后 New Project, 选择 Deploy from Repro – 输入 自己 forked 的代码仓库地址.
然后等着 deploy 完成后, 添加一个环境变量 PASSWORD 这个是在登陆的时候需要的密码:
可以配置一个好记的域名[4](也可以用你自己的域名 Custom Domain):
railway 是按使用计费的 – CPU 和内存的使用量. 不过如果是单纯装个 vscode 来写写代码, 每月用不到 5 美元(免费额度)
打开浏览器 敲入 railway 的配置的地址, 输入密码[5] (环境变量 PASSWORD) 就可以在网页里打开 vscode 啦!
费用很低的, 目测一个月 10 美元完全够用.
可以在 visual studio code 里 ctrl+j 打开 terminal, 机器很强大, 64 核, 1TB 硬盘, 200 多 G 的内存, 不过需要紧记的是 pay as you use – 使用多少就付费多少.
需要注意的是: 当 project 重新被部署的时候, 上面的数据会清空. 所以要在上面做开发机器的时候需要及时备份数据, 比如 git commit/push 或者是直接搞个 dropbox[6], googledrive 等文件同步. 或者是配置个脚本每 30 分钟同步一下数据.
我本来想着可以装个 remote ssh, 就可以 work anywhere (只要有浏览器). 现在程序员写代码一般都在 remote cloud desktop 上写了. 可惜的是在 code-server 里装不了 微软的这个 Remote SSH[7] 插件 (可能有版权的原因). 不过可以在 Terminal 里 SSH 到别的服务器上, 我可以拿来做个网页版的 SSH Terminal.
至于 vscode 本身, 还可以当个记事本. 要完全当个开发机器可能还是有些不便, 比如快捷键和浏览器的一些冲突 (Ctrl+W, Ctrl+Shift+P), 还有就是 端口无法映射, 所以前端程序员拿来 DEBUG 就有点困难了.
不过, 因为是开源+10 美元免费, 这羊毛[8]可以撸.
注册 Railway[9] 并得到每月 10 美元的 Credit!
引用链接
[1]
刷题: https://justyy.com/archives/44858
[2]
SSH Terminal: https://justyy.com/archives/31838
[3]
Serverless: https://railway.app/
[4]
域名: https://justyy.com/archives/6955
[5]
密码: https://justyy.com/archives/6656
[6]
dropbox: https://justyy.com/out/dropbox
[7]
Remote SSH: https://justyy.com/archives/780
[8]
羊毛: https://justyy.com/archives/45486
[9]
注册 Railway: https://justyy.com/out/railway
原文链接：https://justyy.com/archives/45744
你可能还喜欢
点击下方图片即可阅读
凌晨 12 点突发 Istio 生产事故！一顿操作猛如虎解决了
云原生是一种信仰
visual studio code mac 中文版是mac上一款跨平台轻量级代码编辑器,该编辑器也集成了所有一款现代编辑器所应该具备的特色,支持语法高亮.智能代码补全.自定义热键.括号匹配.代码片段 ... 前端开发有很多软件可使用,笔者用过Adobe Dreamweaver CS6 ,IntelliJ IDEA ,还有webstrom.但是这些虽然有他们的好处,比如 Dreamweaver 他特有的视图 ... 我们打开visual studio code , 选择文件------------->将文件夹添加到工作区,导入我们的项目 安装Element 导入后,我们安装以下element 官网:http ... 插件,亦成为 扩展. 使VSCode 如虎添翼. 本文介绍了目前前端开发最受欢迎的开发工具 VSCode 必装的 10 个开发插件,用于大大提高软件开发的效率. 相关文章推荐:Visual Studi ... Visual Studio Code 安装教程2021版 下载Visual Studio Code 1:官网下载 2:网盘下载 开始安装 1:双击下载后的可执行文件,安装 2:勾选同意,然后点击下一步 ... Visual Studio Code连接SQL SERVER 2019 Visual Studio Code 是一个运行于 OS X.Windows 和 Linux 之上的多种编程语言支持的IDE,基 ... 当你开始阅读这篇文章时,请先不要把Visual Studio Code和.net.Windows联想到一起,因为VS Code是一个跨平台,支持30多种语言的开箱代码编辑器.不管你是.Net.Java ... 目录 1.下载Visual Studio Code及MinGW 1.1下载Visual Studio Code 1.2 下载安装MinGW-w64 2.添加VSCode的C语言开发插件 3.配置C语言 ... 关于缩写 为了避免行文太过膨胀,我可能会将如下全称以缩写代替,请注意. VSC: Visual Studio Code 吉特哈布:猿友应该都懂,而且因为文章限制,我也打不出来. 好了,开始呗那就. 不 ...通过 railway 和 code-server 搭建网页版的 visual studio code相关推荐
最新文章
热门文章