如何自建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的用户根目录相同。

image-qucw.png

bind-addr: 0.0.0.0:8080
auth: password
password: 自己的
cert: false

我们将bind-addr修改成0.0.0.0,意思是绑定所有的IP,端口改成自己的。

password也要改成自己的,否则Web放在原生Ubuntu上很危险,因为这意味着可以执行任何代码。

使用

打开浏览器,输入你的内网IP地址以及端口。

image-qsat.png

输入密码,就可以看到基础的VSCode界面了。

image-bfmv.png

这里所有的操作都和VSCode本地一样,这样就可以开心的码代码了。

其实更多的时候是用来进行一些文件操作,比如修改一下配置文件之类的,VSCode可以是胜任。

下一步:整活的开端:docker

文章作者: 月涯
本文链接:
版权声明: 本站所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 月涯的博客
计算机 教程
喜欢就支持一下吧