不用高配电脑也能流畅写代码?Code-Server + cpolar让办公不受限!

Code-Server的功能很直接:把 VS Code 放到服务器上运行,然后通过任何设备的浏览器访问使用。这意味着你熟悉的代码编辑界面、插件生态、终端工具都能在浏览器里调用,代码的运行、编译等重活全由服务器承担,本地设备只需要显示画面就行,不用再担心本地配置不够用。

作为日常用它写代码的人,真心觉得它太实用了。我那台用了五年的旧笔记本,以前跑个前端项目风扇就狂转,现在通过浏览器连服务器上的 Code-Server,编辑、调试都流畅得很,笔记本安静得像没开机。而且换设备也不用重新装环境,办公室电脑、家里的平板,打开浏览器输个地址就能接着干活,插件和配置都是同步的,省了超多时间。

不过以前受限于局域网,总觉得差点意思 —— 只能在公司或家里连服务器用。自从用了 cpolar 解决了局域网限制,体验直接上了一个台阶。现在出差在咖啡厅,拿出手机热点连平板就能改代码;客户现场需要临时调整程序,用他们的电脑打开浏览器就能操作;甚至团队里的实习生在异地,发个链接过去就能直接用统一的开发环境,不用远程指导他装各种依赖。完全摆脱了局域网的束缚,工作在哪都能开展,灵活度提升太多了。

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

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,下面的已启动不打钩

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

docker run -d \ --name=code-server \ -e PUID=1026 \ -e PGID=101 \ -e TZ=Asia/Shanghai \ -e PASSWORD=88888888 \ -p 28443: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 的组合,无论你在哪里,都可以轻松编码、调试。再也不用担心硬件性能的限制,也不用烦恼开发环境的一致性问题。

如果你还在为复杂的内网穿透和端口映射发愁,赶紧注册 cpolar 吧!它不仅免费版功能强大,还有更多高级套餐等你来体验!

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/1151600.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

MediaPipe部署效率提升:多线程并行处理图像队列实战

MediaPipe部署效率提升:多线程并行处理图像队列实战 1. 引言:从单帧检测到高吞吐场景的挑战 AI 人体骨骼关键点检测在智能健身、动作识别、虚拟试衣和人机交互等领域具有广泛的应用价值。基于 Google MediaPipe Pose 模型的解决方案,因其轻…

人体姿态估计应用:MediaPipe Pose在健身领域的实战案例

人体姿态估计应用:MediaPipe Pose在健身领域的实战案例 1. 引言:AI驱动的智能健身新范式 随着人工智能技术在计算机视觉领域的深入发展,人体姿态估计(Human Pose Estimation)正逐步从实验室走向真实应用场景。尤其在…

一键启动YOLOv8鹰眼检测,开箱即用的交通监控方案

一键启动YOLOv8鹰眼检测,开箱即用的交通监控方案 1. 背景与需求:智能交通监管的“鹰眼”时代 随着城市化进程加快,交通管理面临前所未有的挑战。传统依赖人工巡检和固定摄像头的监管模式已难以应对复杂多变的交通场景。尤其是在高峰时段、城…

MediaPipe姿态估计部署答疑:常见错误与解决方案汇总

MediaPipe姿态估计部署答疑:常见错误与解决方案汇总 1. 引言:AI人体骨骼关键点检测的工程落地挑战 随着计算机视觉技术的发展,人体姿态估计(Human Pose Estimation)已成为智能健身、动作捕捉、虚拟试衣、人机交互等场…

5分钟部署YOLOv8鹰眼检测,零基础实现工业级目标识别

5分钟部署YOLOv8鹰眼检测,零基础实现工业级目标识别 TOC 系列篇章💥 No.文章1【GitHub开源AI精选】LLM 驱动的影视解说工具:Narrato AI 一站式高效创作实践2【GitHub开源AI精选】德国比勒费尔德大学TryOffDiff——高保真服装重建的虚拟试穿…

基于SpringBoot+Vue的智能物流管理系统管理系统设计与实现【Java+MySQL+MyBatis完整源码】

摘要 随着电子商务和全球化贸易的快速发展,物流行业在国民经济中的地位日益凸显。传统物流管理方式依赖人工操作,存在效率低、成本高、信息不透明等问题,难以满足现代商业对物流时效性和精准性的需求。智能物流管理系统通过信息化手段优化仓储…

使用CANoe实现UDS协议栈:从零实现操作指南

从零开始用CANoe搭建UDS诊断系统:工程师实战手记 你有没有遇到过这样的场景? HIL台架已经搭好,ECU也连上了,但就是收不到一个像样的诊断响应。你盯着CANoe的Trace窗口,看着0x7E0发出去的 10 03 请求石沉大海&#x…

知网AIGC检测太严了?这5款降AI工具帮你轻松过关

知网AIGC检测太严了?这5款降AI工具帮你轻松过关 “我论文明明自己写的,怎么知网AI率显示52%?” 上周有个研二的学妹急得快哭了,给我发消息问这个问题。说实话,这种情况我见得太多了。知网AIGC检测系统升级之后&#…

MediaPipe Pose部署实战:云端与本地方案对比

MediaPipe Pose部署实战:云端与本地方案对比 1. 引言:AI人体骨骼关键点检测的现实需求 随着计算机视觉技术的快速发展,人体姿态估计(Human Pose Estimation)已成为智能健身、动作捕捉、虚拟试衣、安防监控等场景的核…

硕士论文AIGC检测推荐工具:导师都说好的降AI方案

硕士论文AIGC检测推荐工具:导师都说好的降AI方案 研究生阶段的论文要求比本科严格太多了,尤其是硕士论文AIGC检测,很多学校要求AI率必须低于15%甚至10%。我去年帮师兄师姐处理过不少,今天分享几款他们反馈效果最好的论文降AI工具…

MediaPipe Pose保姆级教程:33个关键点检测的完整部署步骤

MediaPipe Pose保姆级教程:33个关键点检测的完整部署步骤 1. 引言:AI人体骨骼关键点检测的现实价值 随着计算机视觉技术的快速发展,人体姿态估计(Human Pose Estimation)已成为智能健身、动作捕捉、虚拟试衣、人机交…

电平触发与边沿触发对比:数字电路实验深度剖析

电平触发与边沿触发:一场数字电路实验中的“时序之战”你有没有遇到过这种情况——在FPGA开发板上搭了一个简单的计数器,仿真跑得没问题,下载进去后输出却乱跳?或者按键中断明明只按了一次,系统却响应了好几次&#xf…

从图片到统计报告:YOLOv8鹰眼检测全流程体验

从图片到统计报告:YOLOv8鹰眼检测全流程体验 1. 引言:工业级目标检测的“鹰眼”革命 在智能制造、智慧安防、城市治理等场景中,实时、精准、可量化的目标检测能力已成为核心需求。传统人工盘点或低精度模型已无法满足复杂环境下的多目标识别…

快速理解硬件I2C在过程控制系统中的作用

硬件I2C:工业控制系统的“神经脉络”为何如此关键?你有没有遇到过这样的场景?在调试一个温控系统时,温度采样值总是跳动、滞后;或者在多传感器轮询中,偶尔出现通信超时,导致PID调节失灵。排查半…

HID协议入门必看:USB人机交互基础概念解析

从零搞懂HID协议:如何让MCU“变身”键盘鼠标? 你有没有想过,一块小小的单片机(MCU),不接屏幕、没有操作系统,却能像键盘一样在电脑上打字,或者像鼠标一样移动光标?这背后…

IEC 61131-3编程入门必看:OpenPLC基础教程

OpenPLC实战入门:用开源PLC掌握工业自动化核心逻辑你有没有想过,不花一分钱就能拥有一套完整的可编程逻辑控制器(PLC)系统?在智能制造和工业4.0浪潮下,PLC早已不是工厂里的“黑盒子”专属设备。而OpenPLC—…

从图片到骨骼图:AI人体姿态估计实战部署步骤详解

从图片到骨骼图:AI人体姿态估计实战部署步骤详解 1. 引言:AI 人体骨骼关键点检测的现实价值 在计算机视觉领域,人体姿态估计(Human Pose Estimation)是一项极具实用价值的技术。它通过分析图像或视频中的人体结构&am…

MediaPipe Pose为何适合边缘设备?轻量模型架构深度解析

MediaPipe Pose为何适合边缘设备?轻量模型架构深度解析 1. 引言:AI人体骨骼关键点检测的现实挑战 在智能健身、动作捕捉、人机交互等应用场景中,实时人体骨骼关键点检测已成为一项核心技术。传统基于深度学习的姿态估计模型(如O…

AI姿态估计实战:MediaPipe Pose模型部署与可视化

AI姿态估计实战:MediaPipe Pose模型部署与可视化 1. 引言:AI人体骨骼关键点检测的现实价值 随着计算机视觉技术的快速发展,人体姿态估计(Human Pose Estimation)已成为智能健身、动作捕捉、虚拟试衣、安防监控等场景…

AI人体骨骼检测入门必看:MediaPipe高精度模型部署教程

AI人体骨骼关键点检测入门必看:MediaPipe高精度模型部署教程 1. 引言:AI 人体骨骼关键点检测的现实价值 随着人工智能在计算机视觉领域的深入发展,人体姿态估计(Human Pose Estimation)已成为智能健身、动作捕捉、虚…