news 2026/4/18 7:49:20

用 Code-Server+cpolar 打造随身云端 VS Code全攻略

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
用 Code-Server+cpolar 打造随身云端 VS Code全攻略

Code-Server 本质是将 VS Code 部署在服务器端的工具,能让用户通过任意带浏览器的设备访问完整的 VS Code 编辑环境,适配 Linux、Windows、macOS 等服务器系统,手机、平板、低配旧电脑都能作为客户端使用。它的核心优势在于把代码运行、插件加载等算力消耗转移到服务器,适配开发人员、编程学习者等人群,既解决了本地设备性能不足的问题,也能让开发环境在多设备间保持一致,且开源免费的特性降低了使用成本。

实际使用 Code-Server 时发现,它虽然保留了 VS Code 的基础操作逻辑,但浏览器端的操作流畅度略低于本地客户端,比如大文件编辑时偶尔会有轻微延迟,另外首次部署时需要注意服务器的基础配置,避免因权限问题导致插件无法正常安装。

不过 Code-Server 默认仅能在局域网内访问,这带来了不少实际使用的不便:比如居家办公时想调取公司服务器上的开发项目,却因不在同一局域网无法操作;外出途中想到优化代码的思路,也只能等回到公司或家里连接对应网络后才能修改,严重影响工作效率。

而将 Code-Server 与 cpolar 内网穿透结合后,这些问题都能得到解决。cpolar 能为局域网内的 Code-Server 生成公网可访问的链接,无需手动配置复杂的端口映射,还支持 HTTPS 加密保障数据安全,比如出差时在高铁站用平板就能访问公司服务器的 Code-Server,随时处理紧急的代码调整需求,既保证了远程访问的便捷性,也兼顾了安全性。

这么好用的组合安装起来也非常的简单,开跟着下面的教程试试吧!

1 关于【Code Server】

简单粗暴地说,Code-Server就是把大名鼎鼎的VS Code(Visual Studio Code,微软出品的宇宙第一编辑器,没有之一!)直接搬到了你的服务器上,然后通过浏览器访问!

你没听错!这意味着:

  1. VS Code体验不变:你熟悉的界面、快捷键、插件、终端,一切都原汁原味地呈现在你的浏览器里。
  2. 服务器算力加持:你的代码运行在强大的服务器上,本地电脑再也不用担心性能瓶颈,告别卡顿、风扇狂转的烦恼!
  3. 随时随地,任何设备:只要有浏览器和网络,无论是你的MacBook、Windows PC、Linux本,甚至是iPad、安卓平板,甚至是性能一般的旧电脑,都能瞬间变成强大的开发工作站!
  4. 开发环境一致:你的开发环境统一在服务器上,再也不用担心“在我电脑上能跑,在你电脑上就报错”的尴尬了。
  5. 告别SSH+Vim的痛苦:直接在服务器上用VS Code编辑代码,调试、版本控制、文件管理,一切都变得可视化、高效化。

是不是听着就觉得“香”?这简直就是为我们这些追求效率、又不想被硬件束缚的开发者量身定制的!

2 群晖nas部署安装【Code Server】

好了,废话少说,直接上手!我们今天就用群晖NAS来部署Code-Server。跟着我一步步走,保证你轻松搞定!

首先我们确认已经安装了docker,也就是container Manager

然后打开文件夹,在docker文件夹里面点击新增,我们来创建一个名为code-server的文件夹。

接着点击控制面板,点击计划任务,我们来创建任务计划

点击新增,选择触发的任务,点击用户定义的脚本、

任务名称自定义,用户账号选root,下面的已启动不打钩

点击任务设置,在运行命令这里粘贴这行脚本,

dockerrun -d\--name=code-server\-ePUID=1026\-ePGID=101\-eTZ=Asia/Shanghai\-ePASSWORD=88888888\-p28443:8443\-v /volume1/docker/code-server:/config\--restart unless-stopped\linuxserver/code-server:latest

在password密码这里修改一下,端口号这里按照自己情况修改,我这里不变

点击确定,会跳出一个提醒,我们点击确定,

然后输入NAS密码。

然后我们选中这个脚本,点击运行。

打开docker,找到容器,我们看一下容器是否创建完成

确认后我们打开新的浏览器,输入群晖的ip地址加上28443端口,就能打开code-server的登录界面啦!

3 简单使用code-server

好啦这就是code-server的主页啦,和vs code差不多吧!

默认是没有中文的,我们点这里,在搜索栏搜索cn,找到这个中文插件,点击下载。

下载完成后我们打开命令面板,

输入display后点击这行命令,会显示安装的语言列表,

我们点击刚才下载的插件

稍等一会刷新后就是中文版的啦!

好啦!现在我们的云端VS Code已经跑起来了!像你平时使用VS code一样光说不练假把式,我们来实际操作一下!

首先,我在左边的文件管理器里,右键新建一个文件,叫index.html。

然后,把我早就准备好的一段超酷炫的个人主页代码粘贴进来!这里面有HTML、CSS还有一点点JavaScript,可以让我们的网页动起来!

代码放进来了,怎么看效果呢?我们去左边的插件市场,搜索‘Live Server’,点击安装。

装好后,回到我们的index.html文件,看到右下角那个‘Go Live’按钮了吗?点它!

家人们请看!一个带有打字机效果的个人主页就出现了!这个页面所有的计算和渲染,其实都是在我们的NAS上完成的,浏览器只负责显示!

4 介绍以及群晖安装cpolar

想象一下,你现在用iPad连着Code-Server,一边改代码,另一边分屏实时看着网页效果变化,这生产力,是不是瞬间拉满了?!

现在我们已经在本地群晖nas上部署好了code-server,局域网内是可以随便使用的,前面我们说到放假或者出差在外,人不在同一个局域网,怎么实现随时随地敲代码呢?

别担心~我们还有cpolar内网穿透!它能给你的内网服务生成一个公网地址,不需要公网IP不需要复杂的路由器配置,只要简单几步就可以拥有一个专属的、安全的公网域名来访问你的Code-Server!而且,它还支持HTTPS,让你的代码传输更安全!

继续跟我一起往下配置吧!

下面是安装cpolar步骤:

Cpolar官网地址:https://www.cpolar.com

cpolar 提供了群晖安装的套件,点击下面Cpolar群晖套件下载地址,下载相应版本的群晖Cpolar套件,如果找不到对应的型号,可以选择相近版本型号套件。

打开群晖套件中心,点击右上角的手动安装按钮。

选择我们本地下载好的cpolar套件安装包,然后点击下一步

点击同意按钮,然后点击下一步

最后点击完成即可。

安装完成后,在外部浏览器,我们通过群晖的局域网ip地址9200端口访问Cpolar的Web管理界面,然后输入Cpolar邮箱账号与密码进行登录,登录后,一切的操作在管理界面完成.

5 创建Code-Server的公网地址

登录cpolar web UI管理界面后,点击左侧仪表盘的隧道管理——创建隧道:

  • 隧道名称:可自定义,注意不要与已有的隧道名称重复
  • 协议:http
  • 本地地址:28443 (只使用http端口即可)
  • 端口类型:因为我想长期使用所以我选择二级子域名,如果你只是为了测试或者非长期使用也可以选择随机域名,这个是免费的,但是24小时后域名会变化,需要再次复制,大家按照自己需求来选择就行!
  • 地区:选择China top

接着我们来cpolar官网去保留一个二级子域名,这样防止被别人占用。登录cpolar官网,点击预留 选择保留二级子域名

然后复制保留好的子域名回到配置界面

粘贴到域名这里后点击创建

创建成功后,打开左侧在线隧道列表,可以看到刚刚通过创建隧道 生成了两条固定的二级子域名公网地址。

接下来就可以在任意设备随时随地,使用这个地址在浏览器中登录访问。这个地址!就是你的code-server在互联网上的‘新家’!现在,无论你在咖啡馆、在公司,还是在外出时只要有网,打开这个地址,就能随时随地敲代码啦!

结尾

Code-Server 凭借跨设备、低本地性能消耗的特点,成为了很多开发人员日常编程的实用工具,但其局域网访问的限制确实影响了使用场景的拓展。而 cpolar 内网穿透恰好补齐了这一短板,通过简单的配置就能实现 Code-Server 的公网稳定访问,让开发人员摆脱网络和设备的限制,无论是居家、外出办公还是异地协作,都能随时使用熟悉的开发环境。这种组合既保留了 Code-Server 的核心优势,又解决了远程访问的痛点,是提升日常编程效率的实用方案。

以上就是如何在群晖nas上使用Docker快速部署Code-Server,并安装cpolar内网穿透工具配置固定不变的二级子域名公网地址,实现随时随地远程访问的全过程,感谢您的观看,有任何问题欢迎留言交流。cpolar官网-安全的内网穿透工具 | 无需公网ip | 远程访问 | 搭建网站

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/4/18 3:38:12

摆脱论文困扰!千笔·降AIGC助手,继续教育降重首选

在AI技术迅速发展的今天,越来越多的学生和研究人员开始依赖AI工具进行论文写作与内容生成。然而,随着学术审查标准的不断提高,AI生成内容的识别能力也在不断增强,许多学生因此面临“AI率超标”和“重复率过高”的双重压力。如何在…

作者头像 李华
网站建设 2026/4/18 3:38:02

价值两万美元的复制粘贴错误:HackerOne如何意外“黑”了自己

价值两万美元的复制粘贴错误:HackerOne如何意外“黑”了自己 让我来讲述我所研究过的最具讽刺意味的安全事件之一——全球领先的漏洞赏金平台HackerOne,因一次简单的复制粘贴错误,意外地将自己王国的钥匙拱手相让。 当时我正在查阅已披露的…

作者头像 李华
网站建设 2026/4/18 3:37:59

干货来了:圈粉无数的降AIGC平台 —— 千笔·专业降AIGC智能体

在AI技术迅猛发展的今天,越来越多的学生开始借助AI工具辅助论文写作,以提升效率和质量。然而,随之而来的AI率超标问题却让许多学生陷入困境——随着查重系统对AI生成内容的识别能力不断提升,论文中若存在明显AI痕迹,不…

作者头像 李华
网站建设 2026/4/8 13:58:49

Ollama微调保姆级教程:零复杂部署,普通人也能搞定专属AI模型?

一、不用大厂服务器,家用GPU也能微调AI?真相藏不住了 AI圈最近炸了个大消息——Ollama微调彻底“平民化”了!以前动辄需要几十万服务器、资深算法工程师才能搞定的模型定制,现在只要懂点基础Python,有一块普通GPU,就能自己动手做,甚至能直接部署到本地,离线就能用。 …

作者头像 李华
网站建设 2026/4/18 6:28:01

工业AI平台:从工具到神经系统的技术跃迁

过去,工业领域的数字化转型常被简化为“上系统”“换设备”,仿佛只要接入传感器、部署MES或ERP,就能自动迈入智能制造。但现实远比这复杂。真正的工业AI平台,从来不是一堆算法的堆砌,也不是在现有系统上贴个“智能”标…

作者头像 李华
网站建设 2026/3/28 11:03:24

【小程序毕设源码分享】基于springboot+Android平台的诗词学习系统的设计与实现(程序+文档+代码讲解+一条龙定制)

博主介绍:✌️码农一枚 ,专注于大学生项目实战开发、讲解和毕业🚢文撰写修改等。全栈领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java、小程序技术领域和毕业项目实战 ✌️技术范围:&am…

作者头像 李华