感谢万能的开源社区，code-server项目（https://github.com/coder/code-server）已经实现了一个Web版的VSCode，支持全功能和插件，我们可以直策应用它的Docker镜像支配。
当然，下面的方法不仅适用于NAS，个人的VPS、虚拟机，只要能被公网访问到，理论上都可以用这种方法实现，大家可以参考自行折腾。
一、条件条件NAS或其他长期运行的做事器设备。可公网访问。支持Docker。（可选）有域名，域名做事商支持API访问用于HTTPS证书自动化。二、支配和配置1. 以Unraid为例我NAS利用的Unraid，以是这里以Unraid为例。其他系统支持Docker的配置方法大同小异。
在Unraid的Apps页面，搜索“code-server”，这里我们用第二个linuxserver的实现，点Install。
如果你利用的不是Unraid，但是支持Docker，可以参考下面的配置进行安装。下面的命令也可以直接在安装了Docker的Linux终端运行。
docker run \ --name /code-server \ -v /home/xxx/code-server:/config:rw \ -e PASSWORD=password \ -e SUDO_PASSWORD=sudo_password \ -e PROXY_DOMAIN=code-server.example.com \ -p 8443:8443 \ linuxserver/code-server
个中，几个参数须要按需配置：
/home/xxx/code-server：指定为宿主机的目录，个中保存了插件、配置及事情目录等信息，以担保容器在重启时依然保持原有数据和配置。password：更换为Web访问利用的密码。也可以把PASSWORD环境变量去掉，没有密码。sudo_password：更换为事情账号利用sudo的密码。code-server.example.com：更换成你自己的公网域名（如果有），没有的话也可以把PROXY_DOMAIN环境变量去掉。3. 本地访问Web版VSCode接下来，就可以考试测验在浏览器里访问VSCode容器了。在Unraid中切换到Docker页面，点code-server，选择“WebUI”，或者直接在浏览器里访问对应容器的8443端口，即可访问。同一浏览器第一次访问须要输入刚才设置的密码，之后，一个VSCode界面就在浏览器里涌现了，用法跟桌面版VSCode险些一样，可以按照自己的喜好进行各种配置。
4. 配置公网访问接下来我们须要配置一下公网访问，实现通过公网域名直达Web开拓环境的目标。如果你的NAS已经配置域名的话，可以直接把域名指向code-server容器的8443端口。
这里我利用swag管理公网访问。swag是一个nginx+SSL证书管理工具的封装，能够自动实现HTTPS证书的申请和续费，并且内置了很多盛行Docker运用的配置，方便NAS这种一台做事器运行多个容器供应多种做事的场景。
依然以Unraid为例，在Apps页面中搜索“swag”，点Install。这里假设自己的域名托管在DNSPod上。配置项有点多，紧张有：
WebUI端口：默认为443，很多运营商家庭宽带禁止了443端口访问，以是这里须要换一个端口，例如8443。URL：自己域名的URL，假设为example.com。VALIDATION：验证办法，这里填写dns，申请SSL证书时通过dns的TXT记录校验域名的归属。SUBDOMAINS：子域名，这里直接用wildcard，可以支持利用swag托管.example.com的域名做事。DNSPLUGIN：选dnspod。EMAIL：填写自己的邮箱，利用ZeroSSL申请SSL证书时必填。之后点Apply。待容器启动后，我们进入到容器中，将内置的code-server配置启用：
cd /config/nginx/proxy-confs/cp code-server.subdomain.conf.sample code-server.subdomain.conf
之后，重启一次swag，使新配置生效。
当然还有一步，须要在DNSPod（或其他DNS供应商）处将域名指向自己的公网P，这里我们将example.com和code-server.example.com均指向公网IP。还须要去路由器上设置公网端口映射到自己的NAS HTTPS端口（即上面例子中的8443）。路由器上
统统妥当后，我们利用 https://code-server.example.com:8443 ，即可实现公网访问NAS上面的VSCode开拓环境。
三、利用文心快码实现AI编码能力上面只完成了第一步。在目前这个时期，利用AI工具提升编码效率是大势所趋。本来想顺势在NAS上面折腾一个Ollama跑个本地模型，但研究了下创造这货对GPU哀求比较高，基本8G显存起步，有这个卡我干嘛不拿来玩玩悟空。以是打消了这个动机，转而寻求在线做事类的编码助手。AI编码的鼻祖当然是GitHub Copilot，不过是要收费的，而且可能还要利用邪术，你懂的，遂放弃。
连续百度了一下，创造百度自己就做了一款叫文心快码的产品，是文心大模型家族的一员，看先容功能与Copilot类似，名字也类似，英文名叫Baidu Comate。更主要的是，文心快码个人版是免费的，续写功能完备免费，部分高等功能免费版有次数限定，看起来够用了。试用了一下，体验非常不错，以是在这里强烈推举一下。
1. 安装文心快码插件在先容之前还创造一个小坑，这个插件会考试测验读取/var/lib/dbus/machine-id文件，估计是设备鉴权用，但是Docker容器里并没有这个文件。不过没紧要，我们把宿主机的挂载过来就好了。在Unraid里面，新增一个自定义Path，不妨命名为MachineId，容器路径和主机路径都填/var/lib/dbus/machine-id，只读，之后重启一下code-server即可。如果利用Docker命令启动，须要增加以下参数：
-v /var/lib/dbus/machine-id:/var/lib/dbus/machine-id:ro
（p.s. 这个bug官方已经给反馈了，说是后续会修复）
文心快码的利用方法很大略，只要在VSCode插件中央，搜“文心快码”或者“Comate”即可找到，插件名称又叫Baidu Comate。稍等少焉，安装完毕，右下角会提示登录，点“个人登录”，绑定百度账号后，即可免费利用个人版。
2. 利用文心快码续写代码先来试一个Hello world吧。创建hello.c，敲#include <stdio.h>，嗯？它自动帮我提示出剩下的所有代码，只要按Tab键采纳就可以了。
3. 注释天生代码
看来过于大略了，来一道hard吧，比较著名的接雨水。按照“先写注释，再写代码”的原则，我们先把题目描述写上去……创造文心快码都会抢答了，直接给我 补上了下面的代码，还给了多种解法。美中不敷的是，一次续写的长度彷佛有限，我须要多次按Tab键才有可能补完，有些不连贯。
4. 利用侧边栏天生代码
基于刚才的场景，我们来试试利用侧边栏天生代码。相信不少人都用过ChatGPT、文心一言之类的工具天生代码：在网页里输入问题描述，将结果再复制粘贴到IDE里。文心快码供应了侧边栏，可以直接通过chat的办法问问题、天生代码。点击左侧的C形按钮即可打开。我们把刚才完全的题目描述粘贴到对话框里，再试一次。
我的问题描述如下：
用C措辞完成下面的接雨水题目，希望代码简洁、高效，并有简要的注释。 给定 n 个非负整数表示每个宽度为 1 的柱子的高度图，打算按此排列的柱子，下雨之后能接多少雨水。 示例 1：输入：height = [0,1,0,2,1,0,1,3,2,1,2,1]输出：6阐明：上面是由数组 [0,1,0,2,1,0,1,3,2,1,2,1] 表示的高度图，在这种情形下，可以接 6 个单位的雨水（蓝色部分表示雨水）。 示例 2：输入：height = [4,2,0,3,2,5]输出：9
不到一分钟，文心快码就给出了问题的完全代码，并配上理解释。看起来代码非常规整，并且配上了我哀求的注释。还有一个小创造，在对话框里可以直接点击“新建文件”，自动创建一个以此代码为内容的文件，大幅度简化了用户操作。
话不多说，直接把这段代码的trap函数内容粘贴到LeetCode里面，看看能不能过。闭眼提交，直接AC，实行速率大约处于中位水平，跟我提示利用代码比较大略的算法也有关。
5. 代码天生注释
利用过程中还创造，文心快码供应了函数天生注释功能，在每个函数声明上面，会有干系的功能提示，如下图。
很多时候，我们会习气先写函数声明，确定函数名和参数，然后再写注释，函数天生注释功能大幅度简化了这个操作的本钱。点一下试试。结果创造，函数天生注释并不是直接就地填写注释，而是进入了侧边栏，相称于帮我们发了一个问题。在天生的结果中，我们可以直接点击“采纳”，即可把天生的函数注释插入到函数上面。
函数天生注释实质便是代码理解的过程，这方面没有什么问题，天生的注释很准确，格式也很规范。
6. 天生单测写单测这种比较机器的活，自然更适宜交给AI去做。刚才函数的上方有“天生单测”按钮，看下效果。
与天生注释类似，它也是将需求引入了侧边栏，天生了完全的代码。点“采纳”按钮，会自动新建同名的test代码文件，并把单测代码填入。看了下对C措辞自动利用了gtest框架，并且自动把上文的两个样例作为单测用例写了进去。看来它已经具备了一定的天生高下文的能力。
7. 工程级别的代码天生如果说上面是根本功能（花拳绣腿），只能针对单个文件操作，下面我们动点真格的试试。我平时紧张写Go、Java做事端代码，对前端理解不多，JS可以说是基本不会写。下面作为小白身份，试一下文心快码能不能帮我们天生一个NodeJS工程。插件里有个叫“AutoWork”的东西，看起来是干这个的，就它了。
提示词如下（此处@AutoWork）：
@AutoWork 帮我天生一个利用NodeJS写的完全工程，该工程运行在做事端，并供应Web访问，功能是做一个基于Web的报名做事，访问者可以在页面输入自己的姓名、手机号码、公司名称、备注。个中姓名、手机号码、公司名称为必填字段，手机号码须要符合中国手机号的格式。所有的提交数据按行保存在本地磁盘的CSV文件中。同时，须要天生完成的Dockerfile，通过Dockerfile构建出这个工程后，可以直接运行，并通过8080端口监听。
稍等少焉，文心快码给出了工程构造、文件名和文件内容，看起来有模有样。不过美中不敷的是，它彷佛并没有自动帮我创建文件构造的能力，在目录构造那里点“采纳”，居然帮我把这个目录构造建了个文本文件。不过好在每个文件阁下都有“新建文件”按钮，通过这个按照它给的目录构造，天生了完全的工程目录构造。
接下来，在宿主机上实行Docker构建并运行试一下。由于VSCode跑在Docker容器内，以是默认不能再用Docker，除非配置DinD，那便是另一个事情了。这里大略起见我们去宿主机上干。实行以下命令：
docker build -t registration-service .
看起来统统正常，我们运行一下：
docker run -it -p 8080:8080 registration-service
嗯，报错了。不过看起来是个小问题，文件不存在。
我们把这个问题交给文心快码，看看它能不能处理。
没啥问题，办理了。采纳一下，更换到原来的Dockerfile，再来一次。这次看起来能运行了，访问 http://127.0.0.1:8080 ，给我们了一个非常大略的页面，必填字段功能也实现了。
不过提交时，再次碰着了报错，这次的报错信息看起来跟文件读写干系。我们再考试测验让文心快码来办理一下。
它又给出理解释和完全的修正建议，看起来与CSV文件头有关。如法泡制，我们把干系代码改到文件里，保存，再次构建，运行。这次看起来成功提交了，去容器内看下本地文件有没有保存：
# 5c0e4acd19c0为本次运行的容器名docker exec -it 5c0e4acd19c0 bashcat /app/data/submissions.csv
可见，我们要的文件已经正常写入了，这个功能基本实现。
总的来说，文心快码已经有了大略的工程级别代码天生能力，但是易用性和完全度上还有提升空间，在这方面的能力算是刚及格吧。如果经由更加细致的产品打磨和迭代，把一些问题在交付给用户之条件前创造和解决，并且让流程体验更加连贯，这个能力还是值得期待的。
四、总结不知不觉，已经在这个云端IDE上玩了半天了。Web上整体的体验与本地VSCode险些无差异，可以随时随地回到自己的开拓环境。基于这个环境，完备可以进一步安装自己常见的插件、工具、配置，把它打造成自用的主力开拓环境。
同时，通过文心快码AI能力的加持，又实现了云真个AI赞助开拓，大幅提升开拓效率。这不禁让人感叹技能的发展为我们带来的便利，ssh到做事器上用vim写代码的日子，真的是一去不复返了。