无公网自建代码编辑器 VSCode+massCode片段管理,Docker极简部署Web IDE。无公网设置帕斯内网穿透云端在线编程!
作者
小编
发布时间

项目介绍
Code-server-massCode 是一个集成了 VSCode Server、massCode 代码片段管理工具以及 massCode Assistant 扩展的 Docker 镜像项目。这个项目将强大的在线代码编辑器与智能代码片段管理完美结合,为开发者提供了一个功能丰富的 Web IDE 解决方案。
该项目的核心优势在于将 massCode 的代码片段管理能力直接整合到 VSCode 的 Web 版本中,让你可以在浏览器中享受桌面级的开发体验。无论你是代码片段提供者想要为用户提供 Web IDE 环境,还是习惯在云服务器上使用自托管 Web IDE 并希望管理代码片段的开发者,这个项目都能满足你的需求。
通过 massCode 工具,你可以轻松管理和组织各种编程语言的代码片段,而 massCode Assistant 扩展则让这些片段在 VSCode 中触手可及,大大提升开发效率。
项目地址: 点我跳转
部署安装
如需在外也打开项目需要配置内网穿透使用,点击前往 帕斯内网穿透,先注册好账号备用。
打开飞牛 NAS 或其他的 NAS 设备 点击本地镜像-添加镜像-从 URL 添加。这一步先添加 docker 镜像

镜像填 dxsooo/code-server-masscode:1.0
等待下载完成后点击启动按钮启动容器

勾选开机自动启动后下一步,端口设置这里。请设置容器端口 8080 映射到主机端口 8080(如果端口冲突可以修改主机端口,比如改为 8081,但容器端口必须保持 8080)
存储位置这里,建议创建一个文件夹用于存放你的代码项目,比如创建 /docker/code-server/projects
文件夹,然后映射到容器的 /home/coder/projects
目录,这样你的代码文件就会持久化保存。
环境变量设置:可选设置 PASSWORD: 设置访问密码,如果不设置则无需密码即可访问
其他的都不用填写,直接下一步启动就好了。
创建成功后可以访问 ip:8080 到这里就可以正常显示项目了
穿透公网
打开帕斯内网穿透控制台,点击隧道管理-隧道列表

点击创建新隧道
隧道节点可以随便选,一般选个负载低的就可以

接下来填写信息,隧道名称可以随便填写
本地 IP 默认就可以
传输协议可以选择 TCP 也可以选择 HTTP/HTTPS
HTTP 就是域名的形式,教程以使用 TCP 为演示
本项目中如果没有修改端口的话默认是 8080 端口,这里本地端口就填 8080
远程端口可以留空也可以自定义。下图仅做参考,请按照实际项目端口添加。

填写完毕点击确定
点击刚才创建好的隧道,点击获取配置文件

回到飞牛 NAS,点击应用中心下载 frpc 客户端

打开后粘贴刚才复制的配置文件,点击确定即可
复制帕斯内网穿透控制台的访问 IP 和端口
可以看到已经正常穿透成功了
本篇教程结束