本文最后更新于:3 个月前

今天的实践项目是在线编程环境安装,原谅我笔记其实真的是很晚了。

那么接下来是安装步骤:

  • 安装 Docker 容器环境
  • 部署 Web IDE
  • 使用 Web IDE

安装 Docker 容器环境

安装 Docker

第一步是安装 putty ,在这里我就遇到了一个问题。

我在 Github 下载到了 便携版的 汉化版本 Putty ,但是这个版本在安装 Docker 版本中一直卡在安装过程中,然后我就想到之前在折腾路由器的时候下载的安装版 Putty

打开 putty ,输入公网ip,然后创建一个 “xuexi”的文件夹并保存,双击 “xuexi”

然后就进入到了命令行并且显示 login as

此时输入root和密钥成功登入

想到上次使用国外源安装 Docker 反复卡失败的案列,于是我就上网搜索了一下,并且找到了一篇帖子

根据教程把安装源换为了国内的阿里镜像,然后根据步骤成功安装了 Docker,具体步骤如下:

操作上同官方文档是一致的,就是镜像源替换成_阿里云内网开源镜像站 _而已.

apt update

apt full-upgrade -y

apt install apt-transport-https ca-certificates curl software-properties-common -y

curl -fsSLhttp://mirrors.cloud.aliyuncs.com/docker-ce/linux/ubuntu/gpg| apt-key add -

add-apt-repository
"deb [arch=amd64]http://mirrors.cloud.aliyuncs.com/docker-ce/linux/ubuntu
$(lsb_release -cs)
stable"

apt update

apt install docker-ce -y

到这里 Docker 就已经安装完成了

安装 Docker Compose 环境

输入以下代码安装 Docker Compose环境:

curl -L
https://get.daocloud.io/docker/compose/releases/download/1.25.4/docker￾compose-uname -s-uname -m> /usr/local/bin/docker-compose
chmod +x /usr/local/bin/docker-compose

但是这个步骤在我实行的过程从依然没有办法正常安装,于是聪明的我又找到一篇帖子

然后使用以下代码解决了安装的问题

sudo curl -L ``https:``/``/github.com/docker``/compose/releases``/download/``1.22``.``0``/docker-compose-$(uname -s)-$(uname -m) -o /usr/local/bin/docker-compose

根据 Github repo 替换版本号为最新1.26.2

sudo curl -L ``https:``/``/github.com/docker``/compose/releases``/download/``1.26.2``/docker-compose-$(uname -s)-$(uname -m) -o /usr/local/bin/docker-compose

因为是 Github 的源,所以其实下载还是很慢的,耐心等待它安装完成即可

安装完成之后授予执行权限

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

部署 Web IDE

  • 创建项⽬⽂件夹
    mkdir -p /home/coder/project
  • 在 Docker 中运⾏
    docker run -it -p 81:8080 --name code -v “/home/coder/project:/home/coder/project” codercom/code-server:latest --auth none
  • 部署 Code-Server

依然是漫长的下载等待。。。

  • 在浏览器中输⼊我们的公⽹ IP http:// 你的公⽹ IP,就可以看到浏览器中运⾏的 VSC 了

使用 Web IDE

  • 首先新建一个文件
  • 点击右下角的 Plain Text
  • 选择对应的高亮语法,在此我们选择 Shell Script
  • 输入内容,比如在此我输入我的博客域名 congjinyebaiya.wang
  • 然后点击左上角的菜单选择保存
  • 我保存为了congjinyebaiya.sh

到这里在线编程环境的搭建就已经完成了,今天你又有什么收获呢?