无公网远程编程开发 云端VS Code随时随地写代码,NAS极简部署code-server。无公网设置帕斯内网穿透远程在线开发!
作者
小编
发布时间

项目介绍
code-server 是一个开源的云端 IDE 解决方案,让你可以在任何设备上通过浏览器访问完整的 VS Code 开发环境。它基于微软的 VS Code 构建,提供了与桌面版几乎完全相同的功能体验,包括语法高亮、智能补全、调试、扩展支持等。
这个项目的最大优势在于可以将开发环境部署在服务器上,通过浏览器随时随地进行编程工作。无论你使用的是 iPad、Chromebook 还是任何其他设备,只要有浏览器就能获得完整的开发体验。所有的计算密集型任务(如编译、测试、下载)都在服务器端执行,大大节省了本地设备的电池和性能消耗。
项目地址: 点我跳转
部署安装
如需在外也打开项目需要配置内网穿透使用,点击前往 帕斯内网穿透,先注册好账号备用。
打开飞牛 NAS 或其他的 NAS 设备 点击本地镜像-添加镜像-从 URL 添加。这一步先添加 docker 镜像

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

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

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

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

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

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

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