尧图网站建设 
10 分钟用 code-server 搭好远程开发环境浏览器版编辑器完整教程【免费下载链接】code-serverVS Code in the browser项目地址: https://gitcode.com/GitHub_Trending/co/code-server打开浏览器就是一台完整的 VS Code——code-server 做的就是这件事把编辑器搬到远程机器上你手边的设备只负责显示和敲键盘旧笔记本、平板、手机都能连上去做远程开发。老机器还想装臃肿的 IDE出门在外没电脑代码还怎么写这篇文章带你约 10 分钟走完全流程Linux 一条命令装好、找到初始密码、浏览器打开编辑器再把端口和密码改成你习惯的样子。开始前备齐这 3 样东西一台能 SSH 登录的 Linux 机器云服务器、树莓派、家里旧电脑都行1GB 内存 2 核 CPU 够用浏览器支持 WebSocketChrome、Firefox、Safari 14 均可本地到远程机器的网络可达不用预装 Node.js装脚本会自己处理依赖。第 1 步在远程机器上一条命令装好登录远程机器打开终端。不确定脚本会动什么手脚先让它彩排一遍只打印步骤不执行curl -fsSL https://code-server.dev/install.sh | sh -s -- --dry-run看着没问题正式执行安装脚本会自动识别你的发行版、优先走系统包管理器curl -fsSL https://code-server.dev/install.sh | sh装完把服务拉起来并设为开机自启sudo systemctl start code-server$USER sudo systemctl enable code-server$USER # 开机自启更多发行版Arch、Fedora、树莓派等的写法见官方文档docs/install.md。第 2 步找到首次登录密码 第一次启动时它会自动生成一个随机密码明文写在配置文件里cat ~/.config/code-server/config.yaml # 找到 password 字段把password:右边的值复制下来存好浏览器登录就要用它。第 3 步在浏览器里打开编辑器现在打开浏览器访问http://127.0.0.1:8080输入上一步的密码就能进入主界面接着在左侧资源管理器里打开一个代码目录编辑器、集成终端、扩展面板和桌面版一模一样改完代码直接在终端里跑把端口和地址改成你习惯的样子上面只能本机访问。想从别的设备连进来那就改配置。编辑~/.config/code-server/config.yamlbind-addr: 0.0.0.0:8080 # 监听所有网卡端口可换成任意空闲端口 auth: password password: 换成你记得住的密码 cert: false保存后重启生效sudo systemctl restart code-server$USER之后同一局域网的设备打开http://远程机器IP:8080即可登录。注意0.0.0.0意味着网络上的人都能尝试登录登录尝试限流为每分钟 2 次、每小时额外 12 次暴力猜密码基本没戏。如果要暴露到公网务必配 HTTPS 和反向代理下一篇专门讲。可选方案用 Docker 跑一个隔离实例机器上已有 Docker、又不想动系统环境的话容器化部署更干净。下面这条命令把当前目录挂进容器、保留你的 UID文件权限内外一致mkdir -p ~/.config docker run -it --name code-server -p 127.0.0.1:8080:8080 \ -v $PWD:/home/coder/project \ -v $HOME/.config:/home/coder/.config \ -u $(id -u):$(id -g) \ codercom/code-server:latest可选方案手机上跑一个Termux 让手机当那台远程机器装好 Termux 应用后依次执行pkg update pkg upgrade -y pkg install tur-repo # 刷新 Termux 仓库源 pkg install code-server # 装官方 Termux 包然后运行code-server --auth none在手机浏览器打开http://127.0.0.1:8080免密模式仅限本机测试。需要装较多扩展时建议改走 npm 安装完整步骤在文档里docs/termux.md。可选方案macOS 上一条命令装好如果目标是手边的 Mac比如当本地实验环境Homebrew 最省事brew install code-server brew services start code-server然后同样打开http://127.0.0.1:8080登录。踩坑速查5 个高频问题️扩展装不上Termux/Android 上高发现象扩展面板点安装报错。原因Android 没被识别为 Linux 平台服务端扩展被拒。解法建一个android-as-linux.jsObject.defineProperty(process, platform, { get() { return linux } })启动时加前缀即可NODE_OPTIONS--require /path/to/android-as-linux.js code-server也可以手动下载 .vsix用命令面板的 Extensions: Install from VSIX... 安装。另一台设备打不开 127.0.0.1:8080现象本地浏览器提示连接被拒。原因127.0.0.1 只指向机器自己。解法本地机器建一条 SSH 隧道远程配置一行不用改ssh -N -L 8080:127.0.0.1:8080 用户名远程机器IP之后本地照常访问 127.0.0.1:8080。密码忘了或想改密码直接把~/.config/code-server/config.yaml里的password字段改成新值再sudo systemctl restart code-server$USER即可。8080 端口被占用启动报端口冲突时把配置文件里的bind-addr端口换成别的空闲端口如 9090重启服务就行。想装 Windows 版官方目前只发布 Linux 与 macOS 安装包没有 Windows 独立包。最顺的做法是把环境放在 Linux 机器或 Linux 虚拟机上从 Windows 浏览器远程开发——这本来也是它最常见的用法。卸载并彻底清理按你当初的安装方式对号入座sudo apt remove code-server # deb 包方式 rm -rf ~/.local/lib/code-server-* # 安装脚本方式Homebrew 用brew remove code-servernpm 用npm uninstall --global code-server。配置和数据想一并清掉rm -rf ~/.local/share/code-server ~/.config/code-server写在最后到这里你的浏览器版 code-server 远程开发环境已经搭好了远程机器负责跑编辑器任何一台设备打开浏览器就能写代码。下一篇我会讲 HTTPS 反向代理Caddy/NGINX 配 Lets Encrypt和多用户访问把这个环境安全地开到公网和手机上。【免费下载链接】code-serverVS Code in the browser项目地址: https://gitcode.com/GitHub_Trending/co/code-server创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考 10 分钟用 code-server 搭好远程开发环境：浏览器版编辑器完整教程
10 分钟用 code-server 搭好远程开发环境浏览器版编辑器完整教程【免费下载链接】code-serverVS Code in the browser项目地址: https://gitcode.com/GitHub_Trending/co/code-server打开浏览器就是一台完整的 VS Code——code-server 做的就是这件事把编辑器搬到远程机器上你手边的设备只负责显示和敲键盘旧笔记本、平板、手机都能连上去做远程开发。老机器还想装臃肿的 IDE出门在外没电脑代码还怎么写这篇文章带你约 10 分钟走完全流程Linux 一条命令装好、找到初始密码、浏览器打开编辑器再把端口和密码改成你习惯的样子。开始前备齐这 3 样东西一台能 SSH 登录的 Linux 机器云服务器、树莓派、家里旧电脑都行1GB 内存 2 核 CPU 够用浏览器支持 WebSocketChrome、Firefox、Safari 14 均可本地到远程机器的网络可达不用预装 Node.js装脚本会自己处理依赖。第 1 步在远程机器上一条命令装好登录远程机器打开终端。不确定脚本会动什么手脚先让它彩排一遍只打印步骤不执行curl -fsSL https://code-server.dev/install.sh | sh -s -- --dry-run看着没问题正式执行安装脚本会自动识别你的发行版、优先走系统包管理器curl -fsSL https://code-server.dev/install.sh | sh装完把服务拉起来并设为开机自启sudo systemctl start code-server$USER sudo systemctl enable code-server$USER # 开机自启更多发行版Arch、Fedora、树莓派等的写法见官方文档docs/install.md。第 2 步找到首次登录密码 第一次启动时它会自动生成一个随机密码明文写在配置文件里cat ~/.config/code-server/config.yaml # 找到 password 字段把password:右边的值复制下来存好浏览器登录就要用它。第 3 步在浏览器里打开编辑器现在打开浏览器访问http://127.0.0.1:8080输入上一步的密码就能进入主界面接着在左侧资源管理器里打开一个代码目录编辑器、集成终端、扩展面板和桌面版一模一样改完代码直接在终端里跑把端口和地址改成你习惯的样子上面只能本机访问。想从别的设备连进来那就改配置。编辑~/.config/code-server/config.yamlbind-addr: 0.0.0.0:8080 # 监听所有网卡端口可换成任意空闲端口 auth: password password: 换成你记得住的密码 cert: false保存后重启生效sudo systemctl restart code-server$USER之后同一局域网的设备打开http://远程机器IP:8080即可登录。注意0.0.0.0意味着网络上的人都能尝试登录登录尝试限流为每分钟 2 次、每小时额外 12 次暴力猜密码基本没戏。如果要暴露到公网务必配 HTTPS 和反向代理下一篇专门讲。可选方案用 Docker 跑一个隔离实例机器上已有 Docker、又不想动系统环境的话容器化部署更干净。下面这条命令把当前目录挂进容器、保留你的 UID文件权限内外一致mkdir -p ~/.config docker run -it --name code-server -p 127.0.0.1:8080:8080 \ -v $PWD:/home/coder/project \ -v $HOME/.config:/home/coder/.config \ -u $(id -u):$(id -g) \ codercom/code-server:latest可选方案手机上跑一个Termux 让手机当那台远程机器装好 Termux 应用后依次执行pkg update pkg upgrade -y pkg install tur-repo # 刷新 Termux 仓库源 pkg install code-server # 装官方 Termux 包然后运行code-server --auth none在手机浏览器打开http://127.0.0.1:8080免密模式仅限本机测试。需要装较多扩展时建议改走 npm 安装完整步骤在文档里docs/termux.md。可选方案macOS 上一条命令装好如果目标是手边的 Mac比如当本地实验环境Homebrew 最省事brew install code-server brew services start code-server然后同样打开http://127.0.0.1:8080登录。踩坑速查5 个高频问题️扩展装不上Termux/Android 上高发现象扩展面板点安装报错。原因Android 没被识别为 Linux 平台服务端扩展被拒。解法建一个android-as-linux.jsObject.defineProperty(process, platform, { get() { return linux } })启动时加前缀即可NODE_OPTIONS--require /path/to/android-as-linux.js code-server也可以手动下载 .vsix用命令面板的 Extensions: Install from VSIX... 安装。另一台设备打不开 127.0.0.1:8080现象本地浏览器提示连接被拒。原因127.0.0.1 只指向机器自己。解法本地机器建一条 SSH 隧道远程配置一行不用改ssh -N -L 8080:127.0.0.1:8080 用户名远程机器IP之后本地照常访问 127.0.0.1:8080。密码忘了或想改密码直接把~/.config/code-server/config.yaml里的password字段改成新值再sudo systemctl restart code-server$USER即可。8080 端口被占用启动报端口冲突时把配置文件里的bind-addr端口换成别的空闲端口如 9090重启服务就行。想装 Windows 版官方目前只发布 Linux 与 macOS 安装包没有 Windows 独立包。最顺的做法是把环境放在 Linux 机器或 Linux 虚拟机上从 Windows 浏览器远程开发——这本来也是它最常见的用法。卸载并彻底清理按你当初的安装方式对号入座sudo apt remove code-server # deb 包方式 rm -rf ~/.local/lib/code-server-* # 安装脚本方式Homebrew 用brew remove code-servernpm 用npm uninstall --global code-server。配置和数据想一并清掉rm -rf ~/.local/share/code-server ~/.config/code-server写在最后到这里你的浏览器版 code-server 远程开发环境已经搭好了远程机器负责跑编辑器任何一台设备打开浏览器就能写代码。下一篇我会讲 HTTPS 反向代理Caddy/NGINX 配 Lets Encrypt和多用户访问把这个环境安全地开到公网和手机上。【免费下载链接】code-serverVS Code in the browser项目地址: https://gitcode.com/GitHub_Trending/co/code-server创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考