[{"_1":2,"_155":-5,"_156":-5},"loaderData",{"_3":4,"_13":14,"_21":22,"_134":135},"root",{"_5":-5,"_6":-7,"_7":8,"_9":-7,"_10":11,"_12":-7},"currentUser","primaryEmail","siteVerification","6LeIxAcTAAAAAJcZVRqyHh71UMIEGNQ_MXjiZKhI","toast","enableDev",false,"incidentStatus","routes/_layout",{"_15":-5,"_16":17,"_18":17,"_19":11,"_20":11},"username","isAskGordonEnabled",true,"isUsingNewTemplate","showMinimalLanding","showHoneypotTrap","routes/_layout.r.$namespace.$reponame",{"_23":24,"_25":-5,"_26":11,"_27":11,"_28":29,"_30":31,"_32":-5,"_33":11,"_34":35,"_84":-5,"_85":86,"_125":-5,"_126":11,"_127":17,"_128":11,"_129":-5,"_130":11,"_131":-5,"_132":133},"canonicalUrl","https://hub.docker.com/r/baiyuetribe/vscode-ubuntu-server/tags","mcpServer","canSeeDockerfile","canSeeAutobuilds","namespace","baiyuetribe","reponame","vscode-ubuntu-server","cloudBuildSource","isAutobuildsAvailable","repo",{"_36":37,"_38":39,"_41":42,"_43":44,"_45":11,"_46":47,"_48":49,"_50":51,"_53":31,"_28":29,"_54":55,"_56":40,"_57":58,"_59":60,"_61":62,"_63":-5,"_64":58,"_65":66,"_67":11,"_68":29,"_69":70,"_75":11,"_76":77,"_81":29,"_82":83},"categories",[],"content_types",[40],"image","date_registered","2019-08-15T13:39:29.965893Z","description","vscode-ubuntu for wsl 、linux","is_private","last_updated","2019-08-15T14:45:02.432466Z","last_modified","2024-10-16T13:48:34.145251Z","media_types",[52],"application/vnd.docker.container.image.v1+json","name","pull_count",540,"repository_type","star_count",0,"status",1,"status_description","active","source","collaborator_count","full_description","

vs-code-ubuntu-server一个基于Ubuntu系统的vs-code浏览器镜像

适用范围：比较适合本地开发，服务器到本地因延迟问题体验不够好，但本地非常合适，比如Macos、Ubuntu、WIN10-wsl或桌面版docker。

0.特点：

Ubuntu作为基础镜像，支持安装任意工具
通过浏览器打开vscode,支持安装扩展插件。

1.镜像文件

以codercom/code-server构建的vscode-server为出发点，从而可以构建我们想要的镜像。比如以php开发环境为例：

FROM codercom/code-server as builder\n\nFROM ubuntu:18.04\n\n# Copy code-server from builder image\nCOPY --from=builder /usr/local/bin/code-server /usr/local/bin/code-server\n\nRUN apt-get update && apt-get install -y curl gpg\n# Add the vscode debian repo\nRUN curl -sSL https://packages.microsoft.com/keys/microsoft.asc | gpg --dearmor | apt-key add -\nRUN echo "deb [arch=amd64] https://packages.microsoft.com/repos/vscode stable main" > /etc/apt/sources.list.d/vscode.list\n\nRUN apt-get update && apt-get -y install \\\n\tcode \\\n    dumb-init \\\n\tlibasound2 \\\n\tlibatk1.0-0 \\\n\tlibcairo2 \\\n\tlibcups2 \\\n\tlibexpat1 \\\n\tlibfontconfig1 \\\n\tlibfreetype6 \\\n\tlibgtk2.0-0 \\\n\tlibpango-1.0-0 \\\n\tlibx11-xcb1 \\\n\tlibxcomposite1 \\\n\tlibxcursor1 \\\n\tlibxdamage1 \\\n\tlibxext6 \\\n\tlibxfixes3 \\\n\tlibxi6 \\\n\tlibxrandr2 \\\n\tlibxrender1 \\\n\tlibxss1 \\\n\tlibxtst6 \\\n\t--no-install-recommends \\\n\t&& rm -rf /var/lib/apt/lists/*\n    \nENV HOME /home/user\nRUN useradd --create-home --home-dir $HOME user \\\n    && mkdir /var/www/html -p \\\n\t&& chown -R user:user $HOME /var/www/html\n\n# package vscode extension for PHP dev\nENV VSCODEEXT /var/vscode-ext\nRUN mkdir $VSCODEEXT \\\n    && chown -R user:user $VSCODEEXT \\\n\t&& su user -c "code --extensions-dir $VSCODEEXT --install-extension felixfbecker.php-intellisense --install-extension felixfbecker.php-debug --install-extension whatwedo.twig"\nWORKDIR /var/www/html\n\nEXPOSE 8443\n\nENTRYPOINT ["dumb-init", "code-server"]\nCMD ["--allow-http", "--no-auth"]\n\n# docker run -it -p 8443:8443 mm\n

或者使用本站制作好的镜像，直接运行即可：

docker run -itd -p 8443:8443 baiyuetribe/vscode-ubuntu-server\n

2.拓展

如何将vs-code-server扩展到已有的docker程序？

构建一个镜像，Dockerfile内容如下：

FROM codercom/code-server as builder\n#用于获取vs-code-server服务。\n\n#从已有镜像构建\nFROM 现成的docker镜像\n\n# Copy code-server from builder image\nCOPY --from=builder /usr/local/bin/code-server /usr/local/bin/code-server\n\nEXPOSE 8443 80\n\nENTRYPOINT ["dumb-init", "code-server"]\n\n

然后build后重新运行即可，对于多容器，请修改docker-compose.yml中的原始镜像后再次up即可。

3.浏览器版本的vs-code和vs-remote容器优缺点对比

浏览器版：插件一次按照，后期使用时依旧存在；不过一般的插件也不大，可随时安装卸载

vs-remote容器：有点时可随时进入任何非alpine镜像制作的容器中，缺点时插件安装及使用在推出后无保留。

换句话说：

浏览器版vs-code更贴近原生linux系统+docker ;而vs-remote只符合原生linux的特性。

因此，如果你比较专注一个项目，那么浏览器版vs-code集成到你的镜像是非常不错的选择；如果你想临时调试或者需要调式多个程序，那么v-remote无疑是最佳选择。

\n","has_starred","hub_user","immutable_tags_settings",{"_71":11,"_72":73},"enabled","rules",[74],".*","is_automated","permissions",{"_78":17,"_79":11,"_80":11},"read","write","admin","user","storage_size",211803255,"orgData","recentTags",[87],{"_88":40,"_89":90,"_91":92,"_93":94,"_95":96,"_46":114,"_115":90,"_116":29,"_117":52,"_53":118,"_119":120,"_121":105,"_122":114,"_123":62,"_124":17},"content_type","creator",5257726,"full_size",211794020,"id",65550184,"images",[97],{"_98":99,"_100":101,"_102":103,"_104":105,"_106":107,"_108":109,"_110":103,"_111":-5,"_112":92,"_59":62,"_113":-5},"architecture","amd64","digest","sha256:2332d3f94b72efc8db60233c848c6f818293ce24770c7c1c424ecc05808c9574","features","","last_pulled","2026-09-22T03:26:35.013689876Z","last_pushed","2019-08-15T13:53:26Z","os","linux","os_features","os_version","size","variant","2019-08-15T14:45:01.961229Z","last_updater","last_updater_username","media_type","latest","repository",7556473,"tag_last_pulled","tag_last_pushed","tag_status","v2","sbxKitMetadata","isPotentialSpam","isHubSbxKitsEnabled","showSbxLogoOverride","sbxTrademarkText","displaySecurityMetadata","tagAttestations","tagsHaveAttestations",[],"routes/_layout.r.$namespace.$reponame.tags",{"_34":136,"_143":144,"_132":153,"_154":11},{"_36":137,"_38":138,"_41":42,"_43":44,"_45":11,"_46":47,"_48":49,"_50":139,"_53":31,"_28":29,"_54":55,"_56":40,"_57":58,"_59":60,"_61":62,"_63":-5,"_64":58,"_65":66,"_67":11,"_68":29,"_69":140,"_75":11,"_76":142,"_81":29,"_82":83},[],[40],[52],{"_71":11,"_72":141},[74],{"_78":17,"_79":11,"_80":11},"tags",{"_145":60,"_146":-5,"_147":-5,"_148":149},"count","next","previous","results",[150],{"_88":40,"_89":90,"_91":92,"_93":94,"_95":151,"_46":114,"_115":90,"_116":29,"_117":52,"_53":118,"_119":120,"_121":105,"_122":114,"_123":62,"_124":17},[152],{"_98":99,"_100":101,"_102":103,"_104":105,"_106":107,"_108":109,"_110":103,"_111":-5,"_112":92,"_59":62,"_113":-5},[],"canDeleteTags","actionData","errors"]

baiyuetribe/vscode-ubuntu-server

Tags for baiyuetribe/vscode-ubuntu-server