Preview Edition

前言

今天见习主要讲的是帮基础差的同学补一下知识点，我闲着也是闲着，想着不浪费时间了，搞一点奇葩的小玩意玩玩。
老师用的是VSCode，而VSCode的底层用的是electron（可理解为一个Chromium + 网页即可造出一个像模像样的桌面应用程序），本质上就是网页，既然是网页为啥不去直接使用浏览器呢？🤔
少了外面那层限制，加上家里有公网ip，随时随地，打开浏览器即可开始工作。

软件环境

刚开始想要去选择Theia，但还是放弃了，原因：构建太难了

gyp ERR! find VS **************************************************************
gyp ERR! find VS You need to install the latest version of Visual Studio
gyp ERR! find VS including the “Desktop development with C++” workload.
gyp ERR! find VS For more information consult the documentation at:
gyp ERR! find VS https://github.com/nodejs/node-gyp#on-windows
gyp ERR! find VS *************************************************************

别啊，都到这步了，不开一下都对不起我自己了，用别人搭建好的环境构建试试：

那味就上来了，除此之外可供选择的有很多，比如Eclipse Che、code-server、AWS Cloud9等，下面由我来用code-server做演示。

code-server堪称vscode的网页版，各方面的功能、优化相比其他都比较完善

在浏览器中开发

安装方式有很多，直接使用官方的shell脚本，也可以下载release中对应的包
我下载了对应的在这里我用Debian的WSL来做演示

密码的储存位置：

到这一步直接

cat ~/.config/code-server/config.yaml | grep password:

即可得到密码


还可以多人同时操作同一个项目(注意权限)

通过公网您还可以进行远程开发

玩法还有好多种，至于怎么玩看看各位的需求了。

参考
Eclipse Theia vs. VS Code
瞎折腾之搭建Theia
Build your own IDE/Tool