ARTICLE DETAIL

资讯详情

深耕网站建设与运营推广的一线实战洞察。

10 分钟完成 code-server 安装:在浏览器里跑起 VS Code 的远程开发指南

10 分钟完成 code-server 安装:在浏览器里跑起 VS Code 的远程开发指南 10 分钟完成 code-server 安装在浏览器里跑起 VS Code 的远程开发指南【免费下载链接】code-serverVS Code in the browser项目地址: https://gitcode.com/GitHub_Trending/co/code-servercode-server 把 VS Code 装进浏览器服务器上跑一个进程你在任何设备的浏览器里打开就是完整编辑器扩展、终端、调试全都在。一次 code-server 安装之后Linux、macOS、Windows、手机、容器五种环境都能落地同一套体验。适合在多台设备之间来回切、又不想折腾 DevOps 的开发者跟着选路走10 分钟内就能打开第一个编辑器页面。先选一条路你的场景决定装法你的场景推荐方式本机日常开发一键脚本 / brew / npm远程服务器或云端Docker 隔离部署手机上临时写代码Termux要与系统环境彻底隔离Docker 隔离部署拿不准就用 Linux 一键脚本装在自己机器上能开机自启装在服务器上就是跨平台远程开发入口。一键安装 code-serverLinux 最快路径Debian、Ubuntu、Fedora 等发行版通用一条命令自动识别包管理器并完成安装curl -fsSL https://code-server.dev/install.sh | sh装完会生成密码和配置文件系统会提示你启动方式。装包脚本还顺手注册了 systemd 服务systemd 是 Linux 上管理后台服务的调度器靠它启停和开机自启最省心sudo systemctl start code-server$USER sudo systemctl enable code-server$USER浏览器打开http://127.0.0.1:8080输入密码就能开始写代码。macOS 和 Windows 速装前提都一句话macOS 需要装好 HomebrewWindows 需要先装 Node.jsLTS 版之后全局装 npm 包并运行即可。# macOS brew install code-server brew services start code-server # Windows装好 Node.js 后 npm install --global code-server code-server两条路都能跑在http://127.0.0.1:8080后续配置和 Linux 完全一致。Termux 手机编程三步装好手机侧只能本机跑所以这一步的意义是「到哪都能打开自己的项目」。从 F-Droid 安装 TermuxAndroid 上的 Linux 环境终端然后在里面操作pkg update pkg upgrade -y pkg install -y build-essential python3 nodejs-lts npm config set python python3npm install --global code-server code-server --auth none--auth none表示跳过密码校验仅限手机本地自测任何要暴露给网络的环境都必须用密码。Docker 部署 code-server一行隔离官方镜像同时支持 amd64 和 arm64这条命令是官方文档里的推荐姿势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挂载点一句话说明-v $PWD:/home/coder/project把当前目录挂进容器当项目文件夹-u $(id -u):$(id -g)让容器内以你的身份读写文件容器里产生的文件在外层保持属主一致。第一次打开端口和密码配置浏览器访问http://127.0.0.1:8080首次登录的密码在~/.config/code-server/config.yaml里改配置也在这个文件三个字段最常用bind-addr: 127.0.0.1:8080 # 监听地址绑哪个网卡哪个端口 auth: password # 认证方式密码登录 password: your_secure_password # 登录密码bind-addr写127.0.0.1只有本机可达要跨设备访问才改成局域网 IP并且务必配合密码使用。卡住了两个高频问题扩展安装失败提示平台不匹配。移动端等平台检测没过时会这样写一个平台伪装脚本绕过// android-as-linux.js Object.defineProperty(process, platform, { get() { return linux } })NODE_OPTIONS--require /path/to/android-as-linux.js code-server低配设备卡顿。减少常驻扩展、关掉不用的窗口用--disable-telemetry启动省一点开销官方建议最低 1GB 内存 2 核 CPU。不用了怎么撤按安装方式对号入座删干净只需一行rm -rf ~/.local/lib/code-server-* # 一键脚本 brew remove code-server # macOS npm uninstall --global code-server # npm sudo apt remove code-server # Debian / Ubuntu浏览器里跑完整 VS Code 并没有想象中麻烦选对安装方式10 分钟就能把环境搬进浏览器。下一篇讲安全加固HTTPS 配置、反向代理和多用户访问让 code-server 敢暴露到公网。项目源码与文档见 code-server 官方仓库。【免费下载链接】code-serverVS Code in the browser项目地址: https://gitcode.com/GitHub_Trending/co/code-server创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表