打造自己的Web IDE(在线开发环境)

爷,独闯天下 提交于 2020-08-09 16:28:06

1.什么是Web IDE

Web IDE,只要有网络,打开浏览器就可以随时随地写代码。在云服务器上,你也可以轻松搭建一个专属的Web IDE(Visual Studio Code)。

2.准备工作:下载服务器管理软件

1.管理终端
管理我们的服务器需要通过相关软件, 针对Linux服务器的管理, 这里推荐使用PuTTY,PuTTY 是自由的跨平台TeInet/SSH 客户端同时在Wi n32 和Unix 系统下模拟xterm 终端。

2.文件传输
如何将本地文件和服务器文件进行传输昵? 这里推荐Filezilla通过SFTP 协议进行本地和服务器的文件传输和管理。

3.代码编辑
如何编辑相关服务端的文件呢? 很多老手会推荐用vim, 但是对新人来说可视化的Visual Studio Code, 可以更高效的进行代码编辑和管理。

3.安装Docker容器环境

使用PuTTY连接到我们的服务器,执行以下命令安装Docker环境

curl -sSL https://get.daocloud.io/docker | sh 

等待安装完,我们继续输入以下命令安装Docker-Compose环境

curl -L https://get.daocloud.io/docker/compose/releases/download/1.26.0/dockercompose-`uname -s`-`uname -m` > /usr/local/bin/docker-compose

执行以下命令设置权限

chmod +x /usr/local/bin/docker-compose

在这里插入图片描述

4.部署Web IDE

创建项目文件夹

 mkdir -p /home/coder/project

执行以下命令运行

 docker run -it -p 8080:8080 --name code -v "/home/coder/project:/home/coder/project" codercom/code-server:latest

执行以下命令查看密码

 docker exec -it code /bin/bash
 cat ~/.config/code-server/config.yaml

在这里插入图片描述
在这里插入图片描述

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!