开发者学堂课程【打开浏览器就能写代码!打造自己的 Web IDE:部署 Web IDE】学习笔记,与课程紧密联系,让用户快速学习知识。
课程地址:https://developer.aliyun.com/learning/course/461/detail/5667
部署 Web IDE
内容介绍:
一、Code-server 的功能
二、部署 Code-server
一、Code-server 的功能
Code-server 是一个可以在远程服务器上运行 VS Code 的工具。VS Code 支持Windows、Linux 等系统,通过 Code-server,可以在 Chromebook、平板电脑和笔记本电脑上通过浏览器访问,有一致的开发环境;还可以利用大型云服务器的优势加速测试、编辑与下载等操作;
此外,由于密集计算都在服务器上运行,不再需要多余的 Chrome实例,可以节能减耗。
二、部署 Code-server
(1)打开 Putty 软件,并创建项目文件夹
复制文件夹地址 mkdir -p/home/coder/project 至 Putty 的 Login as 的 root 命令中鼠标右键粘贴。
(2)在 Docker 中运行
复制docker run -it -p 80:8080 --name code -v”/home/coder/:/home/coder”
docker.mirrors.ustc.edu.cn/codercom/code-server
至 Putty 的 Login as 的 root 命令中鼠标右键粘贴即可下载该镜像,在 Docker 中运行。
(3)Code-server 开始部署
部署结束后,访问公网IP,点击鼠标右键复制 password 粘贴后即可进入 Code-server 界面。