自建VSCode Online(VSCode Web)

VSCode Online是什么

ummmmmmm

VSCode是VSCode的网页版,由于VSCode基于electron这个……额…….内存噬元兽(确信)是js框架,所以可以直接在Web上使用(?)

❗❗❗注意❗❗❗

VSCode-Online并非完整的VSCode,仅为应急使用,不建议日常使用

VSCode-Online并未设定安全措施,建议添加HTTP Basic Auth来增添安全性

需要准备的东西

1.一台电脑(或者带JuiceSSH的手机)

2.一台配置为2H4G以上的服务器(建议国外,因为需要访问Github)(本文系统为Debian11,配置必须不低于2H4G,亲测2H2G会OOM)

3.一个域名(推荐)

4.会查百度的脑子和好用的手

安装NodeJS & 配置环境

1.安装NVM

建议使用NVM脚本进行安装(如已安装,可以跳过本节)

下载NVM脚本并安装

apt update
apt upgrade
apt install build-essential curl gnupg2
curl https://raw.githubusercontent.com/creationix/nvm/master/install.sh | bash
source ~/.bashrc

检测是否安装成功

1	nvm --version

2.安装NodeJS & Yarn(重要)

❗❗建议使用16 LTS版本的NodeJS,本文基于此版本安装❗❗

1
2
3

nvm install 16.20.0
nvm use 16.20.0
node -v

接着使用NPM安装Yarn

1	npm install yarn -g

然后验证Yarn是否安装完成

1 2	source ~/.bashrc yarn -v

3.配置系统前置包

本文主要针对Debian系系统进行讲解,其他的系统请自行查询相关软件包

1	apt install pkg-config libsecret-1-dev libx11-dev libxkbfile-dev

4.Yarn安装node_modules

进行一个yarn的安装.jpg

yarn

如果有错误提示,建议直接百度(不是)

期间会连接Github进行资源下载,可能出现Connection Rest的情况,可以使用proxychain解决

然后安装Electron

1	yarn electron

安装内置插件

1	yarn download-builtin-extensions

最后进行一个Yarn Watch

1	yarn watch

如果本段运行过程中出错,可以删除node_modules进行重装

(还是建议带着错误信息进行一个搜索)