PassNAT LogoPassNAT

开源网页IDE在线编程,Code-Server内置MassCode代码片段管理工具Docker快速部署

作者

小编

发布时间

Curving abstract shapes with an orange and blue gradient

项目介绍

Code-Server-MassCode 是一个创新的开源项目,它巧妙地将 VS Code Server、MassCode 代码片段管理工具和 MassCode Assistant 扩展集成在一个 Docker 镜像中。这是一个功能强大的网页 IDE 解决方案,让开发者可以在浏览器中享受完整的编码体验,同时还能轻松管理和调用自定义代码片段。

无论你是代码片段提供商想要为用户提供便捷的在线编程环境,还是习惯在云服务器上自建网页 IDE 的开发者,这个项目都能完美满足你的需求。只需通过 MassCode 管理你的代码片段库,就能在 Web IDE 中随时随地使用它们,大大提升开发效率。

项目地址:点我跳转

部署安装

如果你想在办公室外也能访问这个项目,建议配置内网穿透工具。推荐使用帕斯内网穿透,先完成账号注册。具体的使用步骤可以参考这份详细指南,涵盖全平台的上手教程。

快速部署(Docker 单命令)

打开你的 NAS 设备或云服务器,在 Docker 管理面板中执行以下命令即可快速启动:

1docker run --name code-server -p 8080:8080 -v {your_code_path}:/home/coder/projects -d dxsooo/code-server-masscode:1.0

参数说明:

{your_code_path} 替换为你本地的代码文件夹路径(例如:/data/projects)

-p 8080:8080 表示将容器内的 8080 端口映射到主机的 8080 端口,如果该端口被占用,可改为其他端口(如 -p 8081:8080)

通过 NAS 管理界面部署

如果你更习惯使用 NAS 的图形界面,可以按照以下步骤操作:

1. 添加镜像:打开飞牛 NAS 或其他 NAS 设备,进入 Docker 管理 → 本地镜像 → 添加镜像 → 从 URL 添加

2. 输入镜像地址:填入 dxsooo/code-server-masscode:1.0,等待镜像下载完成

3. 启动容器:点击启动按钮,进入容器配置界面

4. 设置开机自启:勾选'开机自动启动'选项,确保服务器重启后容器自动运行

5. 端口配置:在端口设置中,容器内部端口为 8080,主机端口可根据需要配置(如无冲突保持 8080 即可)。如果提示端口被占用,只需修改主机端口号,容器内端口保持不变

6. 存储挂载:在存储位置设置中,创建一个文件夹用于存放你的代码文件,然后将其映射到容器内的 /home/coder/projects 目录

7. 环境变量:此项目无需额外配置环境变量,保持默认即可

8. 启动完成:点击启动,容器成功创建后,即可通过 http://你的服务器IP:8080 访问 Web IDE

访问你的 IDE

部署完成后,打开浏览器访问 http://localhost:8080(如果是远程服务器,将 localhost 替换为服务器 IP),你就能看到 VS Code 的完整界面。左侧边栏集成了 MassCode Assistant 插件,可以直接调用你管理的代码片段库,让编码工作事半功倍。


本篇教程到此结束,祝你使用愉快!