code-server搭建webide实现浏览器编程(代码片段)

关键词：

官方文档

GIthub官方文档:https://github.com/cdr/code-server

原理基础

code-server是一款基于VScode的在线编辑器,主要用于在Linux服务器环境下,实现任何设备通过浏览器即可访问VScode, 进而实现在远程编程.

下载资源

https://github.com/cdr/code-server
该链接进入后,直接选择release下载最新版本的code-server.
而后通过scp将文件上传到服务器, 而后使用tar命令进行解压.
我们可以直接在远程服务器上执行下面的命令来下载 .tar.gz 压缩包，请注意命令末尾的 URL 地址，请记得按照你在 code-server Release 页面实际复制的地址进行填写：

curl -o vscode.tar.gz https://github.com/cdr/code-server/releases/download/v3.5.0/code-server-3.5.0-linux-x86_64.tar.gz

之后，我们使用 tar 工具解压下载得到的压缩包，之后进入解压好的文件目录中：

解压缩 tar.gz 压缩包

tar xf vscode.tar.gz

进入解压得到的文件夹

cd vscode

在当前目录下解压缩下载得到的 code-server

文件夹内包含以上文件

开启web服务

设置密码到环境变量

export PASSWORD="1314"

运行code-server

./code-server --port 8080 --host 0.0.0.0 --auth password  

8080是端口,可以自己修改,注意不要与其他应用冲突.
0.0.0.0是代表可以被所有ip访问.

如图所示就是已经完成配置.

浏览器访问

浏览器中输入服务器ip地址加上端口号

127.0.0.1:8080  #修改为你自己的ip

输入刚才所设置的密码1314

这样就进入了Web IDE了, 可以进行编程.

添加插件

添加插件的步骤和vscode一致,不再累赘, 可以自己去用用实际的vscode.

Enjoy

如何在kubernetes上搭建code-server云ide平台(代码片段)

引言随着开发人员工具向云迁移，云IDE(集成开发环境)平台的创建和采用越来越多。云IDE允许开发团队之间的实时协作，以便在统一的开发环境中工作，从而最大限度地减少不兼容性并提高生产率。通过Web浏览器可以... 查看详情

code-server实现在任何设备上运行vscode(代码片段)

什么是Code-Server首先程序员朋友们肯定都用过来自微软的VSCode这款轻量而又高级的编辑器，拥有丰富的插件库，支持各种语言编译运行。而本文介绍的Code-Server就是coder公司基于微软开源的VisualStudioCode开发的一款产品，... 查看详情

code-server实现在任何设备上运行vscode(代码片段)

什么是Code-Server首先程序员朋友们肯定都用过来自微软的VSCode这款轻量而又高级的编辑器，拥有丰富的插件库，支持各种语言编译运行。而本文介绍的Code-Server就是coder公司基于微软开源的VisualStudioCode开发的一款产品，... 查看详情

如何在kubernetes上搭建code-server云ide平台(代码片段)

...能力，这可以大大超过一台开发计算机的处理能力。code-server是在远程服务器上运行的MicrosoftVisualStudioCode，可从你的浏览器直接访问。VisualStudioCode是一种现代代码编辑器，具有集成的Git支持、代码调试器、智能自动... 查看详情

code-server的javaweb研发环境部署(代码片段)

Code-Server是一种VsCode的web部署实现，让用户可以在浏览器内使用VsCode进行开发。官方Github详见:cdr/code-serverCode-Server默认实现并未带上Java环境等开发必须的软件，因此需要在官方镜像基础上加上其它必要程序和插件。下边... 查看详情

code-server的javaweb研发环境部署(代码片段)

Code-Server是一种VsCode的web部署实现，让用户可以在浏览器内使用VsCode进行开发。官方Github详见:cdr/code-serverCode-Server默认实现并未带上Java环境等开发必须的软件，因此需要在官方镜像基础上加上其它必要程序和插件。下边... 查看详情

在线编程之code-server部署(代码片段)

部署code-server并在平板中用浏览器敲代码与电脑同步应用背景、想法和场景背景想法应用场景前期准备服务器本地仓库应用背景、想法和场景背景不知道有没有小伙伴和我有一样的感受，就是手上接了一些私活，然后经常... 查看详情

推荐一个webide在线编程语言编译器c9.io

...IDE。随着Web技术发展，很多语言的编译工作都可以利用Web浏览器来完成。1.推荐国外的C9.io  个人可以免费使用一个工作区，里面支持很多编程语言，并且是个较重的WebIDE，功能非常丰富，能多人实时一起编程，能团队评... 查看详情

vscode闪现，巨头纷纷入局的webide缘何崛起？

...一个基于Web的在线代码编辑器，无需下载安装可以直接在浏览器中运行。删除帖子内容的公告解释说“每个人都可以免费使用VSCodefortheWeb”。从内容来看这项服务和当前GitHub的Web的编辑器差不多。我们可以使用它来浏览托管在Git... 查看详情

code-server(代码片段)

...gt;docker-compose.yml<<-\'EOF\'#https://hub.docker.com/r/linuxserver/code-server#Port:8443version:"3"services:code-server:image:linuxserver/code-serverenvironment:-UMASK=022-PASSWORD=password#optional-SUDO_PASSWORD=password#optionalports:-"8443:8443"restart:alwaysvolumes:-./code-server/config/... 查看详情

推荐10个你没见过的vscode的高效开源神器，yyds

...：GitHub上能挖矿的神仙技巧-如何发现优秀开源项目1.code-server只要服务器端配置好Code-Server后，你就可以在任何浏览器上使用VSCode。codeserver的目标是为开发者构建一个便捷统一的开发环境，让开发者能从任意设备、任... 查看详情

centos部署code-server

参考技术A官网指导https://github.com/cdr/code-serverForafullsetupandwalkthrough,pleasesee./doc/guide.md.Wehaveascripttoinstallcode-serverforLinux,macOSandFreeBSD.Ittriestousethesystempackagemanagerifpossible.Firstruntoprintouttheinstallprocess:Nowtoactuallyinstall:Theinstallscriptwillprintout... 查看详情

code-server如何设置免密码

参考技术A1、生成密钥对。2、公钥放在server上，私钥放在本机上。3、server上生成authorized_keys。4、修改vscode的configfile，加入IdentityFile和对应的本机私钥路径。 查看详情

《结对-结对编项目作业名称-开发环境搭建过程》

《结对-结对编项目作业名称-开发环境搭建过程》1.下载python的安装包2.安装python运行环境3.配置环境变量，配置成功后，在cmd命令行输入命令python就可以尝试进行编码了4.将后缀名为.txt的文件后缀格式改为.py    &nbs... 查看详情

《结对-结对编项目作业名称-开发环境搭建过程》

《结对-结对编项目作业名称-开发环境搭建过程》要求:选择适合的开发工具,搭建开发环境及环境搭建过程。1.开发工具：PythonPython，是一种面向对象、直译式计算机编程语言，具有近二十年的发展历史，成熟且稳定。它包含了一... 查看详情

《结对-结对编项目作业名称-开发环境搭建过程》

《结对-结对编项目作业名称-开发环境搭建过程》要求:选择适合的开发工具,搭建开发环境及环境搭建过程。1.开发工具：PythonPython，是一种面向对象、直译式计算机编程语言，具有近二十年的发展历史，成熟且稳定。它包含了一... 查看详情

code-server云服务器配置docker运行(代码片段)

Code-server云服务器配置docker运行1.docker安装#安装需要的软件包yum-utilsdevice-mapper-persistent-datalvm2yuminstall-yyum-utilsdevice-mapper-persistent-datalvm2#配置阿里yum源仓库yum-config-manager--add-repohttp://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.repo#安装d... 查看详情

code-server云服务器配置docker运行(代码片段)

Code-server云服务器配置docker运行1.docker安装#安装需要的软件包yum-utilsdevice-mapper-persistent-datalvm2yuminstall-yyum-utilsdevice-mapper-persistent-datalvm2#配置阿里yum源仓库yum-config-manager--add-repohttp://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.repo#安装d... 查看详情