尧图建网站 尧图建网站 YAOTU WEB BUILD 免费咨询
ARTICLE DETAIL

资讯详情

深耕网站建设与建站编程的一线实战洞察。

code-server 安装指南:如何在 10 分钟搭好浏览器里的跨平台远程开发环境

code-server 安装指南:如何在 10 分钟搭好浏览器里的跨平台远程开发环境 code-server 安装指南如何在 10 分钟搭好浏览器里的跨平台远程开发环境【免费下载链接】code-serverVS Code in the browser项目地址: https://gitcode.com/GitHub_Trending/co/code-servercode-server 把完整的 VS Code 体验搬进浏览器让低配笔记本、旧服务器甚至手机都能进行跨平台远程开发。本文不堆砌命令而是先帮你判断该走哪条部署路线再按场景给出 10 分钟可跑通的最小步骤最后用一份避坑清单收尾。装好并配置完成后你打开浏览器看到的就是这样的界面先做选型三条部署路线怎么选先花 30 秒对号入座判断标准只有一句话这台设备是你长期开发的主力还是隔离、临时的场景你的情况推荐路线一句话理由固定电脑或服务器日常主力开发路径 A本机安装一键脚本最省事可开机自启不想让开发环境污染系统路径 BDocker 容器容器即环境删容器即清理想在 Android 手机上随时写代码路径 CTermux 部署免 root浏览器直连硬件门槛不高最低 1GB 内存 2 核 CPU 即可流畅运行推荐 2GB 4 核。另外浏览器需要支持 WebSocket一种让浏览器与服务器保持实时双向通信的通道远程编辑依赖它。详细要求可查官方文档。路径 A本机快速上手Linux / macOS / Windows 同一套思路Linux 用户最省事官方一键脚本会自动识别发行版并选对应包管理器Debian/Ubuntu 装 deb、Fedora 系装 rpm、其他系统装独立压缩包curl -fsSL https://code-server.dev/install.sh | sh sudo systemctl start code-server$USER # 启动服务macOS 用户走 Homebrew 即可brew install code-server brew services start code-serverWindows 目前官方只提供 npm 方式需先装 Node.js LTSnpm install --global code-server code-server三条路线装完后的体验完全一致浏览器打开http://127.0.0.1:8080文件树、编辑器、内置终端全部在线。 路径 BDocker 隔离部署怎么做如果你的情况是不想让开发环境碰到系统容器方案最合适。下面这条命令把当前目录挂载进容器、并转发你的用户权限让容器内外文件权限保持一致mkdir -p ~/.config docker run -it --name code-server -p 127.0.0.1:8080:8080 \ -v $HOME/.local:/home/coder/.local \ -v $HOME/.config:/home/coder/.config \ -v $PWD:/home/coder/project \ -u $(id -u):$(id -g) \ -e DOCKER_USER$USER \ codercom/code-server:latest注意-p只绑定了127.0.0.1默认不对外网暴露这是刻意设计。官方镜像支持 amd64 与 arm64。 路径 CTermux 手机上轻量部署Termux 是 Android 上的开源 Linux 终端环境装好它相当于在手机上获得一台小型 Linux。从 F-Droid 安装 Termux 后在 Termux 里执行pkg update pkg upgrade -y pkg install -y build-essential python3 nodejs-lts npm config set python python3 npm install --global code-server手机上只建议本地无密码运行--auth none因为设备本身就是一道门code-server --auth none手机端更多技巧键盘快捷键、常见问题见Termux 专题文档。首次访问与核心配置无论哪条路线首次访问地址都是http://127.0.0.1:8080登录密码写在~/.config/code-server/config.yaml里脚本或 Docker 首次启动时会自动生成。要改端口或换密码编辑的也是这同一个文件bind-addr: 0.0.0.0:8080 auth: password password: your_secure_password安全提醒bind-addr: 0.0.0.0意味着监听所有网卡。如果你要这样绑定并开放给别人访问务必先配好反向代理 HTTPS只是自己用保持默认的127.0.0.1最稳妥。避坑清单Q手机上很多扩展包括语言包装不上Android 被判定为不受支持的平台code-server 只允许 Web 扩展。两个解法手动下载.vsix文件后用命令面板的 Extensions: Install from VSIX... 安装或者写一个平台伪装脚本让 Node 把 Android 当作 Linux// android-as-linux.js Object.defineProperty(process, platform, { get() { return linux } })NODE_OPTIONS--require /path/to/android-as-linux.js code-serverQ低配设备感觉卡减少常驻扩展数量启动时加--disable-telemetry关闭遥测后台上报使用数据的机制。Q安全绑定怎么做才不裸奔优先绑具体 IP 而不是0.0.0.0需要跨设备访问时用 Caddy 或 Nginx 做反向代理并挂上证书而不是把 8080 端口直接开放出去。QTermux 里 git 在 /sdcard 下不工作把项目放到 Termux 主目录下或用符号链接把目标目录软链进 Termux 的文件系统再操作。收尾不想要了怎么清理按安装方式对应卸载再删掉数据目录即可完全清理rm -rf ~/.local/share/code-server ~/.config/code-server # 删除配置与数据脚本安装rm -rf ~/.local/lib/code-server-*Homebrewbrew remove code-servernpmnpm uninstall --global code-serverdeb 包sudo apt remove code-serverDockerdocker rm -f code-server完整的安装与卸载命令可查安装文档。下一篇我们讲 code-server 高级配置与安全加固HTTPS 配置、反向代理设置和多用户管理。【免费下载链接】code-serverVS Code in the browser项目地址: https://gitcode.com/GitHub_Trending/co/code-server创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表