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

相关文章
|
3月前
|
Ubuntu Linux Shell
Linux 系统中的代码类型或脚本类型内容
在 Linux 系统中,代码类型多样,包括 Shell 脚本、配置文件、网络配置、命令行工具和 Cron 定时任务。这些代码类型广泛应用于系统管理、自动化操作、网络配置和定期任务,掌握它们能显著提高系统管理和开发的效率。
|
4月前
|
开发工具 git C++
【App Service】VS Code直接部署App Service时候遇见 “fatal: not a git repository (or any of the parent directories): .git”
通过VS Code发布Python App Service的时候,遇见了发布失败错误: The deployment failed with error: fatal: not a git repository (or any of the parent directories): .git . Please take a few minutes to help us improve the deployment experience
110 24
|
4月前
|
Linux C语言 C++
vsCode远程执行c和c++代码并操控linux服务器完整教程
这篇文章提供了一个完整的教程,介绍如何在Visual Studio Code中配置和使用插件来远程执行C和C++代码,并操控Linux服务器,包括安装VSCode、安装插件、配置插件、配置编译工具、升级glibc和编写代码进行调试的步骤。
634 0
vsCode远程执行c和c++代码并操控linux服务器完整教程
|
5月前
|
Linux Shell Python
9-7|salt代码在linux机子那个目录
9-7|salt代码在linux机子那个目录
|
5月前
|
Java Linux Python
Linux环境下 代码java调用python出错
Linux环境下 代码java调用python出错
98 4
|
5月前
|
Linux 开发者 Python
从Windows到Linux,Python系统调用如何让代码飞翔🚀
【9月更文挑战第10天】在编程领域,跨越不同操作系统的障碍是常见挑战。Python凭借其“编写一次,到处运行”的理念,显著简化了这一过程。通过os、subprocess、shutil等标准库模块,Python提供了统一的接口,自动处理底层差异,使代码在Windows和Linux上无缝运行。例如,`open`函数在不同系统中以相同方式操作文件,而`subprocess`模块则能一致地执行系统命令。此外,第三方库如psutil进一步增强了跨平台能力,使开发者能够轻松编写高效且易维护的代码。借助Python的强大系统调用功能,跨平台编程变得简单高效。
100 0
|
5月前
|
机器学习/深度学习 Linux 开发工具
Linux内核开发流程指南 - 5. 编写正确的代码【ChatGPT】
Linux内核开发流程指南 - 5. 编写正确的代码【ChatGPT】
|
5月前
|
缓存 编译器 Linux
Linux内核开发流程指南 - 4. 编写正确的代码【ChatGPT】
Linux内核开发流程指南 - 4. 编写正确的代码【ChatGPT】
|
C# iOS开发 MacOS
MacOS操作系统当中运行VSCode并配置运行调试C#项目
在开发的过程当中,经常会遇到各种开发环境,在MacOS上如何运行VSCode,配置并且调试C#项目,本文进行讲解
2392 0
MacOS操作系统当中运行VSCode并配置运行调试C#项目
|
8月前
|
前端开发
VSCode中自带插件Emmet的用法
Emmet 是一个强大的工具,集成在 Visual Studio Code (VSCode) 中,可以大大提高编写 HTML 和 CSS 的效率。以下是如何使用 Emmet 插件的一些基本方法
110 4

热门文章

最新文章