如何自建NAS以及玩出花（六）：创建自己的WebIDE
如何自建NAS以及玩出花（六）：创建自己的WebIDE：code-server
VSCode（全称：Visual Studio Code）是一款由微软开发且跨平台的免费源代码编辑器。该软件支持语法高亮、代码自动补全（又称 IntelliSense）、代码重构、查看定义功能，并且内置了命令行工具和 Git 版本控制系统。用户可以更改主题和键盘快捷方式实现个性化设置，也可以通过内置的扩展程序商店安装扩展以拓展软件功能。
而VSCode的前端部分主要由HTML、CSS和JavaScript构成，借助Electron框架实现跨平台功能；后端则利用TypeScript和Node.js，并使用C++和C#等语言提供底层支持。
这就意味着，我们可以很方便的搭建Web端的VSCode，微软在 Ignite 2019 大会上，正式发布了 「Visual Studio Online」。其中包含了微软托管的 Web 版 VSCode，后来发布的 VSCode 1.40 支持开发者直接从 VSCode 的源代码编译出 Web 版 VSCode。
安装
配置VSCode Online有几种方法：
- 微软官方提供一个收费版本（含azure的服务器费用，捆绑销售），不推荐
- 下载 VSCode 源代码，编译以后通过yarn web启动。配置难度大，不推荐
- 通过 Code-Server 安装: https://code-server.dev/
- 使用/修改现成的 docker 镜像：linuxserver/docker-code-server
这里面，Code-Server安装是我最推荐的，因为配置非常简单。而使用docker安装，则不太能够使用本地的环境。
不多说，直接上命令：
curl -fOL https://github.com/coder/code-server/releases/download/v$VERSION/code-server_${VERSION}_amd64.deb
sudo dpkg -i code-server_${VERSION}_amd64.deb
sudo systemctl enable --now code-server@$USER
# Now visit http://127.0.0.1:8080. Your password is in ~/.config/code-server/config.yaml
curl是通过http进行安装包下载的，这里面要把 $VERSION替换成自己选择的版本，如果不愿意的话，可以直接在github上下载。
github地址：https://github.com/coder/code-server/releases/
通过上一篇搭建的SMB或者filebrowser也可以上传。
命令 dpkg是用于安装Debin\Ubuntu系统程序的，deb包类似于Windows中的安装exe程序。apt命令底层也是用的是dpkg。
sudo systemctl enable --now code-server@$USER则是设置开机自启动和启动，注意$USER要替换成自己的用户。
整体的配置可以参看官方文档：https://coder.com/docs/code-server/install#debian-ubuntu
配置
如果启动成功，默认的打开本机的8080端口就可以开启code-server了，但是监听端口是127.0.0.1意味着只有本机可以访问，同时也需要更改端口，问题很多端口都在使用8080，一旦被占用了会导致测试其他服务的时候无法启动。
配置文件在 ~/.config/code-server/config.yaml，这个 ~/命令表示的是当前用户的根目录，和你上一步中替换$USER的用户根目录相同。
bind-addr: 0.0.0.0:8080
auth: password
password: 自己的
cert: false
我们将bind-addr修改成0.0.0.0，意思是绑定所有的IP，端口改成自己的。
password也要改成自己的，否则Web放在原生Ubuntu上很危险，因为这意味着可以执行任何代码。
使用
打开浏览器，输入你的内网IP地址以及端口。
输入密码，就可以看到基础的VSCode界面了。
这里所有的操作都和VSCode本地一样，这样就可以开心的码代码了。
其实更多的时候是用来进行一些文件操作，比如修改一下配置文件之类的，VSCode可以是胜任。
