利用Docker和code-server在浏览器中访问Visual Studio Code,从而在移动端使用它。

开始阅读前,需要知道:
  • 鉴于我的电脑为Windows 10,安装Docker时使用的自然也会是Windows版本
  • Docker镜像将会拉取的是最新版的Ubuntu

安装Docker Desktop

  1. 进入Docker Desktop下载网址,点击 Download Docker Desktop
    Docker Desktop页面
  2. 安装完成后点击 Close 关闭界面。
    Docker Desktop安装完成界面
    下图为Docker Desktop的界面:
    Docker Desktop主界面
  3. 在终端内输入Docker检查版本的命令,检查是否安装成功:
    终端内输入docker version

创建容器

  1. 打开任一终端,拉取Ubuntu镜像:
    1
    docker pull ubuntu
    终端内输入docker pull ubuntu
  2. 继续在终端内创建空容器:
    1
    docker run -it --name CodeServer ubuntu:latest /bin/bash
  3. 此时终端的目标路径变为了root@巴拉巴拉巴拉:/#,输入以下命令安装curl库:
    1
    2
    apt-get update
    apt install curl
    终端内输入apt-get update 终端内输入apt install curl

安装code-server

详情请查看code-server仓库。

  1. 依然是在终端内,执行以下命令来安装:

    1
    curl -fsSL https://code-server.dev/install.sh | sh
  2. 为了能够让其他设备也可以访问网页,需要执行以下命令:

    1
    code-server --link
    终端内输入code-server --link

    我在这里换了个终端,实际上不需要更换。

  3. 进入最后一行提供的网址,进入GitHub页面登录。
    我因为先前登陆过,直接导向了IDE网址。

  4. 最终会提供给你一个IDE网址。
    登录GitHub后在终端会提供一个IDE网址

    进入该网址,便会看到熟悉的Visual Studio Code。
    IDE网址内的VSCode

移动端访问

  1. 到这儿就已经很明显要怎么做了。

    进入手机的浏览器,输入上面的IDE网址,就可以在手机上使用Visual Studio Code了。
    手机上的Visual Studio Code