群晖搭建网页版vscode后续，将ha配置文件映射到vscode工作区

gl695133087

之前不是使用linuxserver/code-server项目搭建了一个网页版的vscod嘛，每次修改ha的文件，都需要复制来复制去的，稍微有点麻烦，研究了下，终于是解决了。【搭建网页版vscode，随时随地愉快修改yaml - 『HomeAssistant』综合讨论区 - 『瀚思彼岸』» 智能家居技术论坛 - Powered by Discuz! (hassbian.com)】

本方法适用hassos，对于docker部署的不适用，因为需要ha加载商店的samba share插件，docker部署的如果宿主机是同一个（比如都在群晖内），也可以借鉴解决。

首先，介绍下我的设置环境
vscode是使用群晖container部署的，我之前的帖子有方法。我的ha部署在斐讯N1内。现在是需要把n1内的ha的config文件夹映射给部署在群晖上的vscode工作区。
我的思路是通过群晖file把ha的配置文件先装载（映射）到群晖共享文件夹下，再在container内把装载的congfig文件夹映射给vscode工作区。

一、首先保证你的ha开启了Samba share，之前我的一篇帖子有类似操作【lucky666自动申请ssl证书到ha的ssl文件夹 - 『HomeAssistant』综合讨论区 - 『瀚思彼岸』» 智能家居技术论坛 - Powered by Discuz! (hassbian.com)】

二、打开群晖file station,依次点击“工具→装载远程文件夹→cifs共享”，填入ha配置文件的路径，我这里假设是：\\192.168.34.8\config。ip是ha部署在的n1获取的本地ip，config即ha的配置文件夹，这你只需要更改ip即可。
填入ha Samba share设置的用户名和密码，装载到项目直接在群晖file里面选择，选择一个合适的文件夹作为装载路径，这里建议新建一个homeassistant文件夹作为装载路径，比如我的路径：/jishu/homeassistant。
装载成功后就可以在群晖file相应文件夹下看见ha的配置文件了。

三、打开群晖container内部署的linuxserver/code-serve（即vscode）的容器，先给它停止掉，然后点击设置，在存储空间设置下新建一条映射路径。
点击添加文件夹，群晖（第一个框）方文件夹就选择我们刚才装载的路径/jishu/homeassistant。vscode容器内部选择其工作区下的某个文件夹（不用新建，启动后会自动生成）。
比如，我之前设置的vscode映射工作区为群晖方【/docker/vscode】，容器内【/config】，容器内的config下会自动生成一个workspace文件夹，就是vscode的工作区，现在我们要做的就是把群晖装载好的ha配置映射到这个文件夹。容器内部的路径为：/config/workspace/homeassistant。

四、保存成功后重启容器，打开vscode的网页端就可以直接看见工作区下多了个homeassistant文件夹，打开就能直接看见并编辑、保存ha的配置文件了，不需要在复制来复制去。
这样既可以方便的使用vscode的ai插件帮助修改yaml文件，也可以让在vscode内搭建多个编程语言环境，使之成为一个远程的编译调试工具。

之前有坛友评论说Fitten Code登录不显示登录框，最大的原因就是没有使用ssl登录，必须在https开头的地址下访问（且要安装可用的证书），才能弹出登录框。

几次发图片都没成功，放弃了，不发图了。

gl695133087

又试了下，直接在群晖把ha的配置文件装载到群晖docker下的vscode/workspace/homeassitant文件夹内，就不需要在容器内再设置了，更方便。