Docker上搭建Visual Studio Code Server

最新推荐文章于 2024-07-19 14:45:19 发布
最新推荐文章于 2024-07-19 14:45:19 发布
阅读量8.2k 收藏 3
点赞数 1
分类专栏： # Docker 文章标签： 1024程序员节
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/asmartkiller/article/details/109131586
版权

安装Docker容器环境

安装Docker和Docker Compose作为应用程序运行的基础环境，使用Ubuntu 18.04 LTS作为运行Docker的底层系统。

安装Docker环境

安装Docker环境
在这里插入图片描述
安装Docker-Compose环境，其中1.25.3可以根据最新版本修改
在这里插入图片描述

部署WebIDE

使用code-serrver解决方案将Visual Studio Code在服务器中运行，可以在浏览器中使用Visual Studio Code。
创建项目文件夹
在这里插入图片描述
在Docker中运行
在这里插入图片描述
Code-server开始部署
在这里插入图片描述
在info的信息中，有一行是Password is xxxx就是我们的保护密码
在这里插入图片描述
在浏览器中输入公网IP（http://公网IP），就可以看到浏览器中运行的VSC了
在这里插入图片描述

使用WebIDE

新建一个文件
在这里插入图片描述
点击右下角的Plain Text
在这里插入图片描述
选择对应语言的高亮语法，例如这里要写的是Shell Script
在这里插入图片描述
输入内容，例如这里写Hello World
在这里插入图片描述
然后左下角菜单键击Save保存
在这里插入图片描述
保存为hello.sh
在这里插入图片描述

肥叔菌
关注
专栏目录
vscode-docker：用于Visual Studio Code的Docker扩展
02-02
Docker for Visual Studio代码 Docker扩展使从Visual Studio Code轻松构建，管理和部署容器化应用程序变得容易。 它还提供了在容器内对Node.js，Python和.NET Core的一键式调试。 在Visual Studio Code文档站点上查看“主题以开始使用。 包含故障排除提示和其他技术信息。 安装 在您的机器上并将其添加到系统路径。 在Linux上，还应该将用于运行VS Code 。 要安装扩展，请打开“扩展”视图，搜索docker以过滤结果，然后选择Microsoft编写的Docker扩展。 扩展功能概述 编辑Docker文件 在编辑Dockerfile和Dockerfile docker-compose.yml文件时，可以获得IntelliSense，其中包含常用命令的完成和语法帮助。 此外，您可以使用“问题”面板（在Windows / Linux上为Ctrl + Shift + M ，在Mac上为Shift + Command + M ）查看Dockerfile和docker-compose.yml文件的常见错误。
Docker 部署网页版 vscode (code-server)
m0_73096566的博客
04-22 2789
Docker 部署网页版 vscode (code-server)
Docker安装部署code-server，使用网页编写代码，不受设备限制
最新发布
qq_45576664的博客
07-19 432
主要介绍使用Docker安装部署code-server
visual studio code 使用docker
leeluk86591361的博客
10-14 1798
首先本地需要有docker否则build dockerfile 跑不起来我就奇怪为啥idea不需要但是vs需要。。。 第一步：首先需要在插件安装docker插件 第二部 设置docker远程地址 如何设置成功是可以看见远程docker的镜像和信息 第三步：直接来撸一个dockerfile吧然后打包试试 回车 第四步：启动镜像 ...
基于docker搭建code-server(浏览器中的VScode)
https://goodlunatic.github.io/
08-14 1794
基于docker搭建code-server(浏览器中的VScode)
docker-code-server
07-24
团队为您带来了另一个容器版本，其特点是： 定期和及时的应用程序更新 简单的用户映射（PGID、PUID） 带有 s6 覆盖的自定义基本图像 每周基本操作系统更新，在整个 LinuxServer.io 生态系统中使用通用层，以最大限度地减少空间使用、停机时间和带宽 定期安全更新 在以下位置找到我们： - 您可以使用我们的容器做的所有事情，包括操作指南、意见等等！ - 实时支持/与社区和团队聊天。 - 在我们的社区论坛上发帖。 - 一个在线网络界面，显示我们维护的所有图像。 - 查看我们所有存储库的源代码。 - 请考虑通过捐赠或贡献我们的预算来帮助我们 Code-server是运行在远程服务器上的 VS Code，可通过浏览器访问。 在具有一致开发环境的 Chromebook、平板电脑和笔记本电脑上编写代码。 如果您有 Windows 或 Mac
docker-vscode：具有Visual Studio Code + Dotnet CLI + NPM + Emacs +的
12-14
docker-vscode：具有Visual Studio Code + Dotnet CLI + NPM + Emacs +的... docker-vscode：具有Visual Studio Code + Dotnet CLI + NPM + Emacs +的Docker映像！ docker-vscode：具有Visual Studio Code + ...
Visual Studio Code入门
04-08
**Visual Studio Code 入门** Visual Studio Code（简称VS Code）是Microsoft开发的一款免费、开源的源代码编辑器，适用于Windows、Linux和macOS等操作系统。作为Visual Studio家族的一员，它以其轻量级、高性能和...
sourcepro-vscode-docker:使用Visual Studio代码扩展，Docker和SourcePro进行容器开发-docker source code
03-25
从Visual Studio Code 1.35.0开始，可以使用扩展轻松地对Docker容器中的开发工作进行开发。 要了解有关Visual Studio Code中的远程开发的更多信息，请查阅。 可以在上找到有关此存储库的更详细的说明。 设置开发...
docker-vscode：具有Visual Studio Code + Dotnet CLI + NPM + Emacs +的Docker映像！
02-05
docker-vscode：具有Visual Studio Code + Dotnet CLI + NPM + Emacs +的Docker映像！
Docker最全教程之使用 Visual Studio Code玩转Docker（二十一）
dotNET跨平台
03-27 5662
VS Code是一个年轻的编辑器，但是确实是非常犀利。通过本篇，老司机带你使用VS Code玩转Docker——相信阅读本篇之后，无论是初学者还是老手，都可以非常方便的玩...
docker-code-server：用于代码服务器的Dockerfile
02-22
docker-code-server：用于代码服务器的Dockerfile
通过 railway 和 code-server 搭建网页版的 visual studio code
云原生实验室
09-23 2442
背景和需求我有一个 iPad 平板, 平时出门碎片时间在 leetcode 和 binarysearch 上刷题[1], 因为可以直接在网页里敲代码. 除了用一些SSH Terminal[...
借助 Visual Studio Code 将 Docker 容器用作开发环境
yingqi的博客
07-19 592
这个微软教程写的真不错。推荐一波。 中文连接，可能翻译有点小错误：https://docs.microsoft.com/zh-cn/learn/modules/use-docker-container-dev-env-vs-code/ 英文版本：https://docs.microsoft.com/en-us/learn/modules/use-docker-container-dev-env-vs-code/ ...
Docker 助手：Visual Studio Code 扩展的强力增强
gitblog_00055的博客
05-15 308
Docker 助手：Visual Studio Code 扩展的强力增强 项目地址:https://gitcode.com/microsoft/vscode-docker 在当今开发环境中，容器化技术如 Docker 已经成为必备工具，它为我们提供了标准化和可移植的软件部署方式。微软推出的 Docker for Visual Studio Code 扩展正是为了简化这一过程，让开发者能在熟悉的 I...
Docker化的Code Server环境
CyberPioneer
06-21 1163
Docker部署vscode-web版，并集成开发环境
【Linux】浏览器写代码！部署code-server远程vscode网页
慕雪华年的博客
04-24 7259
注意，这不是在linux系统上安装vscode软件（和windows一样的vscode客户端）开源仓库 https://github.com/coder/code-servercode-server是一个社区项目（非微软官方）其作用是在你的linux主机（云服务器）上部署一个可以在浏览器上访问的vscode页面，类似官方的vscode.dev微软官方推出的vscode网页版 https://vscode.dev/它可以通过浏览器的api访问你电脑上的本地文件，此时浏览器就是一个vscode客户端。
如何将Docker插件用于Visual Studio代码
08-15 978
介绍 (Introduction) In this article we’ll use the Docker Plugin for Visual Studio Code. Docker allows us to package our applications into images and run them as containers on any platform that has Dock...
在Docker容器中配置`code-server`以访问宿主机的Docker环境
Hot_Ant的博客
03-16 1010
容器内部安全地管理和访问宿主机的Docker环境（主要是为了访问宿主机的texlive），遵循以下步骤能够确保流畅的集成和操作，同时维护安全性。容器内安全高效地访问和管理宿主机的Docker环境，无论是进行开发工作，还是操作其他容器，都能确保流程的顺畅和安全。在code-server中安装docker插件，也可以正常显示docker了。安装Docker插件后，如果遇到权限问题（部分内容使用gpt生成，但经过测试可用。然后，在容器内以相同GID创建。通过遵循这些步骤，你可以在。
Visual Studio Code介绍
05-15
Visual Studio Code是一款轻量级的跨平台编辑器，由微软开发。它支持多种编程语言，包括C++、C#、JavaScript、Python等，也可以通过安装扩展支持更多的语言。Visual Studio Code提供了丰富的功能，如代码高亮、智能...
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值