无公网搭建在线代码编辑器 VSCode+massCode代码片段管理，Docker一键部署Web IDE。帕斯内网穿透随时远程访问开发环境！

项目介绍

Code-server-massCode 是一个集成了 VSCode Server、massCode 代码片段管理工具以及 massCode Assistant 扩展的 Docker 镜像项目。这个项目将强大的在线代码编辑器与专业的代码片段管理功能完美结合，为开发者提供了一个功能丰富的 Web IDE 解决方案。

该项目的核心优势在于将 massCode 的代码片段管理能力直接整合到 VSCode 的在线环境中，让开发者可以在任何地方通过浏览器访问自己的开发环境，同时享受到专业的代码片段管理功能。无论你是代码片段的提供者，想要为用户提供带有预设代码片段的 Web IDE，还是习惯在云服务器上使用自托管的 Web IDE 并希望使用管理化的代码片段，这个项目都能满足你的需求。

项目特点包括：基于 code-server 构建的完整 Web IDE、集成 massCode 代码片段管理工具、支持自定义代码片段库、可通过浏览器随时随地访问、支持多用户部署和管理。

项目地址： 点我跳转

部署安装

如需在外也打开项目需要配置内网穿透使用，点击前往 帕斯内网穿透，先注册好账号备用。

打开飞牛 NAS 或其他的 NAS 设备 点击本地镜像-添加镜像-从 URL 添加。这一步先添加 docker 镜像

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

勾选开机自动启动后下一步，端口设置这里。请设置容器端口 8080 映射到主机端口 8080（如果端口冲突可以修改主机端口，比如改为 8081:8080，但容器内端口必须保持 8080）

存储位置这里，建议创建一个文件夹用于存放你的代码项目，比如创建 /your_code_path 文件夹，然后映射到容器内的 /home/coder/projects 目录，这样你的代码文件就会持久化保存。

环境变量设置： 本项目基于 code-server，支持以下环境变量（可选设置）：

必须设置： 无必须设置的环境变量

选择设置，可以不填： PASSWORD: 访问密码，建议设置以提高安全性 SUDO_PASSWORD: sudo 权限密码

其他的都不用填写，直接下一步启动就好了。

创建成功后可以访问 ip:8080 到这里就可以正常显示项目了

穿透公网

打开帕斯内网穿透控制台，点击隧道管理-隧道列表

点击创建新隧道

隧道节点可以随便选，一般选个负载低的就可以

接下来填写信息，隧道名称可以随便填写

本地 IP 默认就可以

传输协议可以选择 TCP 也可以选择 HTTP/HTTPS

HTTP 就是域名的形式，教程以使用 TCP 为演示

本项目中如果没有修改端口的话默认是 8080 端口，这里本地端口就填 8080

远程端口可以留空也可以自定义。下图仅做参考，请按照实际项目端口添加。

填写完毕点击确定

点击刚才创建好的隧道，点击获取配置文件

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

打开后粘贴刚才复制的配置文件，点击确定即可

复制帕斯内网穿透控制台的访问 IP 和端口

可以看到已经正常穿透成功了

本篇教程结束