Linux部署教程,把vscode放在网页上运行,随时随地编写代码

简介: Linux部署教程,把vscode放在网页上运行,随时随地编写代码

作为一名优秀的程序员,一个合格的代码编辑器能帮助我们更好地完成项目的开发,Visual Studio Code(简称 VSCode) 是开源免费的 IDE 编辑器,成为了不少人心中的首选。但你有没有想过,我可不可以随时使用vscode工作,而摆脱电脑的束缚?其实,这种想法还真可以,因为其开源的特性(为Microsoft拥有的格局点赞),我们可以将其运行于docker之中,最终以web方式呈现。下面将演示如何将vscode的web版本利用docker部署在CentOS 7服务器上,Ubuntu或其它Linux发行版本操作类似。值得注意的是,vscode web版本使用的服务器资源较大,经测试,至少需要以下的配置才能正常运行。部分云服务学生机运行可能会很卡顿,请谨慎尝试。

操作系统:Windows / macOS / Linux
CPU:Intel / AMD x64, ARM v7 (arm32), ARM 64
CPU:至少2CPU
内存:至少4G,过少会卡顿


CentOS安装docker


# 官方一键脚本安装
curl -fsSL https://get.docker.com | bash -s docker --mirror Aliyun
# 备用安装
curl -sSL https://get.daocloud.io/docker | sh


启动docker并验证


# 启动docker
sudo systemctl start docker
# 开机自启
sudo systemctl enable docker
# 查看版本信息,如果正常出现,则安装成功
[root@mx ~]# sudo docker -v
Docker version 20.10.8, build 3967b7d
[root@mx ~]#


利用docker部署vscode web版本


拉取镜像的过程中视网络情况会些不同,请耐心等待

# 拉取vscode web server镜像到本地
sudo docker pull jmcdice/vscode-server
# 运行服务,将宿主机本地的9090指向容器8080端口
sudo docker run -d -p 9090:8080 --restart=always --name=vscodeserver jmcdice/vscode-server

解释一下这里的参数:

-d 后台运行容器,并返回容器ID

-p 将宿主机的端口映射到容器内部,宿主机ip:容器ip

--restart always 表示重启容器服务,自动运行该镜像

--name=xxx 为此服务重新命名

# 查看vscode镜像是否成功运行
sudo docker ps

如果一切操作如下图所示类型,那么恭喜你安装成功!


image.png


放行防火墙端口


默认我们的防火墙是不允许不信任端口通过的,需要手动放行我们的端口9090,当然也可以关闭防火墙(生产环境慎重!!!)

sudo firewall-cmd --add-port=9090/tcp --zone=public --permanent
sudo firewall-cmd --reload


访问vscode web服务


查看本机IP,比如我这里使用了两个IP地址段,就使用能够互通的一个。一般为eth0或ens192等等,根据实际情况判断。

ifconfig


image.png


使用http://ip:9090来访问, 测试正常,这样以后不管在手机上,还是ipad和其它电脑上,只要能上网,就能访问我的服务就能编写代码了。


image.png

相关文章
|
25天前
|
搜索推荐 Linux 测试技术
Linux系统之部署homer静态主页
【10月更文挑战第11天】Linux系统之部署homer静态主页
75 41
Linux系统之部署homer静态主页
|
15天前
|
运维 监控 Linux
Linux系统之部署Linux管理面板1Panel
【10月更文挑战第20天】Linux系统之部署Linux管理面板1Panel
63 3
Linux系统之部署Linux管理面板1Panel
|
25天前
|
机器学习/深度学习 人工智能 Ubuntu
|
3天前
|
监控 Ubuntu Linux
使用VSCode通过SSH远程登录阿里云Linux服务器异常崩溃
通过 VSCode 的 Remote - SSH 插件远程连接阿里云 Ubuntu 22 服务器时,会因高 CPU 使用率导致连接断开。经排查发现,VSCode 连接根目录 ".." 时会频繁调用"rg"(ripgrep)进行文件搜索,导致 CPU 负载过高。解决方法是将连接目录改为"root"(或其他具体的路径),避免不必要的文件检索,从而恢复正常连接。
|
13天前
|
消息中间件 Linux RocketMQ
在Red Hat Enterprise Linux 9上使用Docker快速安装并部署
通过以上步骤,你可以在Red Hat Enterprise Linux 9上使用Docker快速安装并部署RocketMQ。这种方法不仅简化了安装过程,还提供了一个灵活的环境来管理和扩展消息队列系统。RocketMQ作为一款高性能的分布式消息系统,通过Docker可以实现快速部署和高效管理。
35 2
|
14天前
|
消息中间件 Linux RocketMQ
在Red Hat Enterprise Linux 9上使用Docker快速安装并部署
通过以上步骤,你可以在Red Hat Enterprise Linux 9上使用Docker快速安装并部署RocketMQ。这种方法不仅简化了安装过程,还提供了一个灵活的环境来管理和扩展消息队列系统。RocketMQ作为一款高性能的分布式消息系统,通过Docker可以实现快速部署和高效管理。
24 3
|
15天前
|
Java Linux 网络安全
NIFI在Linux服务区上的部署配置过程是什么?
【10月更文挑战第21天】NIFI在Linux服务区上的部署配置过程是什么?
35 2
|
16天前
|
关系型数据库 MySQL Linux
基于阿里云服务器Linux系统安装Docker完整图文教程(附部署开源项目)
基于阿里云服务器Linux系统安装Docker完整图文教程(附部署开源项目)
153 2
|
6月前
sublime和vscode 推荐安装的插件
sublime和vscode 推荐安装的插件
75 0
|
6月前
|
人工智能 自然语言处理 算法
国产新型AI编程助手—DevChat AI插件在VSCode中的应用
国产新型AI编程助手—DevChat AI插件在VSCode中的应用
251 0
下一篇
无影云桌面