【云原生之Docker实战】使用Docker部署web端vscode

已于 2023-07-19 13:00:59 修改
阅读量1.5k 收藏 6
点赞数 3
分类专栏： 云原生之Kubernetes实战 Docker部署项目实战合集 文章标签： 云原生 docker 前端 vscode
于 2023-02-18 16:53:46 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jks212454/article/details/129101137
版权
本文介绍了如何利用Docker部署VSCode服务器，包括vscode-server的简介、检查本地Docker环境、下载镜像、部署过程及访问方式，详细阐述了每个步骤的操作，便于远程开发和管理。
摘要由CSDN通过智能技术生成

【云原生之Docker实战】使用Docker部署web端vscode

一、vscode-server介绍

1.vscode-server是VS 代码服务器的容器化版本。
2.Visual Studio Code Server 是一项可以在远程开发机器（如台式电脑或虚拟机 (VM)）上运行的服务。它允许您通过 vscode.dev URL 从任何地方安全地连接到该远程计算机，而无需 SSH。

二、检查本地docke环境

1.检查系统版本

[root@jeven ~]# cat /etc/centos-release
CentOS Linux release 7.6.1810 (Core)

2.检查docker版本


                

                
                
        

        

    

  


        

            

                

                

                了解本专栏
                
                
                  
                订阅专栏 解锁全文
                 
                
                    
                    超级会员免费看
                
            

            
            
            
        

    


                



	

		

			

				
					
【打工日常】docker部署在线的VScode编辑器

				
			

			

				

					全糖少冰我吃不了苦
				

				

					06-12
					
					174
					
				

			

		

		

			
				
【代码】【打工日常】docker部署在线的VScode编辑器。

			
		

	



                

            
              



	

		

			

				
					
Operator实战1：使用kubebuilder开发一个部署web服务的Operator

				
			

			

				

					吴就业
				

				

					06-03
					
					1027
					
				

			

		

		

			
				
虽然API上并没有对如何设计资源的状态做任何约定，包括kubernetes在1.19版本之前提供的内置资源，它们的状态也并不都遵循约定，但状态的设计建议还是遵循官方新提出的约定，可参考这篇《kubernetes设计与实现-API设计约定-condition设计约定：https://renhongcai.gitbook.io/kubernetes/di-shi-liu-zhang-api-she-ji-yue-ding/1.2-api_convention_condition》。

			
		

	



              


  
              

                


	

		

			

				
					
三分钟学会用docker部署自己的vscode

				
			

			

				

					zqqfives的博客
				

				

					11-01
					
					1192
					
				

			

		

		

			
				
三分钟学会用docker部署自己的vscode

前提条件:


一台服务器(我是使用一台1核2G的服务器运行很流畅)


安装docker和node环境



1. 拉取镜像

docker pull codercom/code-server
docker images
会出现
REPOSITORY             TAG       IMAGE ID       CREATED       SIZE
codercom/code-server   latest    f3ac734fcec8   

			
		

	





	

		

			

				
					
docker安装web版vscode

					
最新发布

				
			

			

				

					qq_45411088的博客
				

				

					10-18
					
					142
					
				

			

		

		

			
				
【代码】docker安装web版vscode。

			
		

	



		

			
		



	

		

			

				
					
Docker 部署网页版 vscode (code-server)

				
			

			

				

					m0_73096566的博客
				

				

					04-22
					
					3328
					
				

			

		

		

			
				
Docker 部署网页版 vscode (code-server)

			
		

	





	

		

			

				
					
Docker部署web端vscode

				
			

			

				

					江晓狐的博客
				

				

					06-07
					
					5608
					
				

			

		

		

			
				
准备纯净的centos7云服务器
由于疫情的原因，阿里云为大学生准备了免费的ECS云服务器，我在寒假时就领取了，而且在服创比赛中将我们的网页部署上去了，当时使用的nginx+wsgi+flask。还记得那时安装nginx时非常费劲，因为yum里没有。后来即使部署成功了，但重启了一次服务，之后就经常挂掉，至今没找到解决方案。今天将我的服务器重置了一下，告别那个项目了。服务器重置的办法是：先在控制台停机，然后找到配置里有个更新系统盘，就好了。现在centos7纯净了，比重装虚拟机快多了！
在服务器端安装dock

			
		

	





	

		

			

				
					
【Linux】浏览器写代码！部署code-server远程vscode网页

					
热门推荐

				
			

			

				

					慕雪华年的博客
				

				

					04-24
					
					1万+
					
				

			

		

		

			
				
注意，这不是在linux系统上安装vscode软件（和windows一样的vscode客户端）开源仓库 https://github.com/coder/code-servercode-server是一个社区项目（非微软官方）其作用是在你的linux主机（云服务器）上部署一个可以在浏览器上访问的vscode页面，类似官方的vscode.dev微软官方推出的vscode网页版 https://vscode.dev/它可以通过浏览器的api访问你电脑上的本地文件，此时浏览器就是一个vscode客户端。

			
		

	





	

		

			

				
					
Docker 运行 WEB 在线编辑器 vscode

				
			

			

				

					清瞳清的博客
				

				

					04-09
					
					1841
					
				

			

		

		

			
				
前言

运行前需要先安装Docker, 尚未安装可按照以下教程指引安装

[https://blog.csdn.net/m0_51277041/article/details/123069490?spm=1001.2014.3001.5502](https://blog.csdn.net/m0_51277041/article/details/123069490?spm=1001.2014.3001.5502)

启动 VsCode 容器


__run_vscode() {
    # DOMAIN 使用

			
		

	





	

		

			

				
					
【VSCode Docker扩展与云服务】：掌握云平台部署的5大技巧

				
			

			

				

					
				

			

		

		

			
				
[【VSCode Docker扩展与云服务】：掌握云平台部署的5大技巧](https://www.docker.com/wp-content/uploads/2020/07/dockerfile-command-nodejs-1110x465.png) # 1. VSCode Docker扩展概述  ## 1.1 VSCode Docker扩展...

			
		

	





	

		

			

				
					
【VSCode Docker扩展最佳实践】：提升开发效率的10大技巧

				
			

			

				

					
				

			

		

		

			
				
![【VSCode Docker扩展最佳实践】：提升开发效率的10大技巧]...Visual Studio Code（VSCode）通过其Docker扩展提供了一个无缝的工作环境，使开发者能够直接在IDE中构建、运行和调试Docker容器。扩展

			
		

	





	

		

			

				
					
【VSCode终端和Docker】：容器化开发的最佳实践速成课

				
			

			

				

					
				

			

		

		

			
				
 VSCode终端和Docker简介  ## 1.1 VSCode终端简介  VSCode终端是Visual Studio Code集成开发环境中的一个重要组成部分，它提供了一个强大的界面，使开发者能够在代码编辑器内部直接使用命令行。这种集成允许开发者在...

			
		

	





	

		

			

				
					
Vscode-Docker:完整的VSCode云IDE，支持插件安装，命令行

				
			

			

				

					03-09
				

			

		

		

			
				
vscode-docker
快速体验
docker run -it --rm -p 8080:8080 -v $PWD :/workspace haozhi/vscode
开发
sh dev.sh
建立
sh build.sh
验证
sh test.sh
发布
sh deploy.sh

			
		

	





	

		

			

				
					
使用 Docker 部署 VS Code in The Browser

				
			

			

				

					Toasten
				

				

					05-11
					
					1092
					
				

			

		

		

			
				
在日常学习工作中，Vscode 已成为我们首选的代码编辑器。然而，其局限性在于当我们从家到公司移动时，难以保持连续的编码体验。针对这一痛点，虽然市面上已有如 Visual Studio Codespaces、Cloudstudio 和 CloudIDE 等 **在线编辑器**（Web IDE）可供选择，但它们要么处于测试阶段，要么免费使用存在限制或价格较高，目前并非完美之选。因此，若想以较低成本实现连续、流畅的编码体验，此时自主搭建一个在线编辑器或许是个值得考虑的好方案。

			
		

	





	

		

			

				
					
用docker 搭建 vscode for web

				
			

			

				

					单车去旅行的博客
				

				

					05-11
					
					465
					
				

			

		

		

			
				
搭建 vscode for web

			
		

	





	

		

			

				
					
Docker在vscode平台上的连接部署

				
			

			

				

					weixin_45377668的博客
				

				

					10-16
					
					1238
					
				

			

		

		

			
				
上次提到了，pycharm作为一款专为python开发的平台，在连接远程服务器进行开发时的操作逻辑并不如人意。相比较vscode直接在远程服务器上编辑运行，pycharm需要将服务器上的代码同步到本地，然后依靠在本地编辑修改后，同步到服务器上运行，然后这可能会导致版本冲突的问题。与此相比，vscode在服务器上进行开发就显得更为简单，不仅可以直接编辑远程文件，而且相对于pycharm绑定docker镜像而言，vscode绑定的则是特定容器。

			
		

	





	

		

			

				
					
docker 部署 vscode 远程开发环境（Go，Java）

				
			

			

				

					只会写bug的靓仔的博客
				

				

					10-16
					
					649
					
				

			

		

		

			
				
如果装其他插件也是类似的思想，比如 idea 远程开发插件，说实话，idea 用 jvm 实现的转发服务器，占资源太多并不好用，vscode 远程开发相对省资源的核心思想就是虚拟机的思路，装上自己的工具，和 ssh 服务器（为了安全可以考虑密钥），然后使用 vscode 链接使用。

			
		

	





	

		

			

				
					
利用docker搭建VScode

				
			

			

				

					dream715的博客
				

				

					08-04
					
					1972
					
				

			

		

		

			
				
这里会比较耗时，成功后，会提示信息（info）注意到密码被放在了 ~/.config/code-server/config.yaml这个文件里了，其实是在容器里。2、发现密码太长了，改成自己的密码吧。而且发现，container建立好以后，密码就不变了。原因是在配置nginx代理的时候没有加入websocket的代理,加入后面三行配置即可解决。在宝塔的应用商店，找到docker安装即可。首先在宝塔的终端输入以下命令,查看ID。输入密码就可以进入vscode了。然后进入镜像的终端，输入下面命令。...

			
		

	





	

		

			

				
					
VSCode连接远程docker环境

				
			

			

				

					u012408145的博客
				

				

					07-24
					
					6000
					
				

			

		

		

			
				
命令 -p xxxx:22 此时便做了主机端口 8022 与容器端口 22 的映射，可以通过这个端口连接到远程的服务器。命令 -v [主机目录]:[容器目录] 挂载数据卷，实现数据的共享和持久化，注意使用绝对路径方式。进入容器内部 docker start -ai 容器名 (进入命令行界面，需要加上-ai参数)退出容器命令行（此处有坑，这样退出会导致docker容器停止运行，可以直接关闭命令行窗口）命令 --shm-size=1g 调整容器共享内存大小。（需要记住容器名称、容器目录、容器端口）

			
		

	





	

		

			

				
					
docker 安装vscode web版本

				
			

			

				

					AdleyTales的技术博客
				

				

					03-01
					
					1415
					
				

			

		

		

			
				
1. 安装docker
2. 拉取vscode-server镜像
docker pull jmcdice/vscode-server

3. 运行容器
docker run -d -p 80:8080 jmcdice/vscode-server

4. 切换apt源
https://mirrors.tuna.tsinghua.edu.cn/help/ubuntu/



			
		

	





	

		

			

				
					
【云原生之docker实战】使用docker部署halo博客系统

				
			

			

				

					05-01
				

			

		

		

			
				
Docker是目前比较流行的容器化技术，其优点在于方便管理和部署应用程序。而Halo博客系统是一款基于Java开发的博客系统，其部署过程比较复杂，需要安装JDK、MySQL等依赖。本文将介绍如何使用Docker部署Halo博客系统。

1. 安装Docker

首先需要在服务器上安装Docker，可以参考官方文档进行安装。

2. 创建Docker镜像

将Halo博客系统打包成Docker镜像，可以通过Dockerfile或者docker-compose.yml文件进行创建。在这里我们以Dockerfile为例。

先创建一个空目录，将Halo博客系统的jar包和配置文件拷贝到该目录下：

```
mkdir -p /opt/halo
cp -r halo.jar /opt/halo/
cp -r application.properties /opt/halo/
```

然后创建Dockerfile：

```
FROM openjdk:8-jre-alpine
MAINTAINER yourname <youremail@domain.com>
ADD halo.jar /opt/halo/halo.jar
ADD application.properties /opt/halo/application.properties
WORKDIR /opt/halo
CMD ["java", "-jar", "halo.jar", "--spring.config.location=application.properties"]
EXPOSE 8888
```

其中FROM指定了基础镜像，ADD将jar包和配置文件拷贝到镜像中，WORKDIR指定工作目录，CMD指定应用启动命令，EXPOSE指定容器监听的端口。

使用docker build命令创建镜像：

```
docker build -t halo .
```

其中halo为镜像名称，可以根据需要自行修改。

3. 启动容器

使用docker run命令启动容器：

```
docker run -d -p 8080:8888 --name halo-demo halo
```

其中-d表示启动守护进程，-p将容器的8888端口映射到主机的8080端口，--name指定容器名称，halo为镜像名称。

启动成功后，在浏览器中输入http://localhost:8080访问Halo博客系统即可。

以上就是使用Docker部署Halo博客系统的步骤，相信通过这个实战，大家可以更好地了解云原生中Docker的使用和部署。

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		
评论 2

	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  





	
打赏作者

	

		

		
			
		
		

		

			
江湖有缘

			
你的鼓励将是我创作的最大动力

		

	

	

			

	

	

    ¥1
    ¥2
    ¥4
    ¥6
    ¥10
    ¥20
	

	

		

			

				

					扫码支付：¥1
				

				

					

					
					获取中
					

				

				

					
					
					扫码支付
				

			

		

		

			
您的余额不足，请更换扫码支付或充值

			
打赏作者

		

	



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值