配置移动VSC开发环境

要知道,正常开发环境如果不搞仿真和学习,一般不需要太高的配置,正常平板或者手机的配置完全足够使用.在考研期间我就非常困扰,我平常使用VSCode+markdown来记笔记,而考研期间图书馆不能每次都抢到带电源的位置,而且直接带电脑过于笨重.我尝试了许多android平台的编辑器,都不符合我的习惯和扩展性要求,obsidian确实足够好用,但我还需要一些markdown插件,例如markmap来制作我的思维导图,obsidian的这个插件又丑又难用,于是我产生了配置android中vscode环境的想法.

原理

正常来说VSC是不支持android的,但是VSCode Server,这个玩意安装后会指定一个端口广播,使你的浏览器上也能访问VSC服务,我可以通过在Termux上的linux虚拟机配置VSCode Server来广播服务,然后通过类似浏览器的app来访问,可以实现大部分VSC的功能.我们可以通过VSCodeOnAndroid1这个项目来快速配置我们的VSC以及其他的开发环境

步骤

  1. 首先我们先下载termux,从https://github.com/termux/termux-app上下载最新版本
  2. 我们下载并安装VSCodeOnAndroid https://github.com/OvalRaptor/VSCodeOnAndroid/releases
  3. 我们可以通过以下命令来一键配置VSC Server
    apt update && apt upgrade -o Dpkg::Options::="--force-confnew" -y && termux-setup-storage && sleep 5 && apt update && apt install git -y && git clone https://github.com/OvalRaptor/VSCodeOnAndroid.git && cd VSCodeOnAndroid && chmod +x install.sh && ./install.sh
    
  4. 在终端运行vs命令来启动它

关于扩展

由于VSCode Server的扩展商店采用的并非官方的商店,会导致许多扩展没有办法被搜索到.我们通常需要到微软官方的应用商店中手动下载https://marketplace.visualstudio.com/vscode

又有一个问题,现在微软官方把插件的手动下载地址给隐藏了,我们需要手动寻找,或者通过配置脚本来重新生成

大家可以通过Download-VSIX-From-Visual-Studio-Market-Place项目来将脚本注入到网页中或者在猴油中添加脚本

在获取到链接后,直接下载又会导致文件损坏,这是因为微软的 CDN 在响应时使用了Gzip压缩,但正常下载时没能正确解压回原始的二进制流。

我们需要在终端中使用curl来下载

curl -L --compressed -o 文件名.vsix "链接"

–compressed会强制 curl 处理服务器传回的压缩流。
最后通过在vsc中手动添加插件即可


  1. https://github.com/OvalRaptor/VSCodeOnAndroid ↩︎