打造web开发环境--打开浏览器就能写代码!

1.更换系统

停止运行实例，在公共镜像里选择Ubuntu，设置密码完成镜像的更换与安装

2.安装Docker容器环境

这里没有安装PuTTY，而是选择直接在阿里云实例里通过workbench进行远程连接

2.1安装Docker环境

输入如下代码

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

2.2安装Docker-Compose环境

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

3.部署web IDE

3.1创建项目文件夹

mkdir -p /home/coder/projec

3.2在Docker中运行

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

3.3code server开始部署

部署完成，在Using Password里可以看到密码来自下图路径下的配置文件中

4.登录网页VS code

4.1获取链接密码

首先通过如下命令查看现有的容器名称

docker ps

依次输入如下两句命令进入配置页面查看密码

docker exec -it 容器名称 /bin/bash

cat ~/.config/code-server/config.yaml

4.2登录VS code

在chrome地址栏输入自己ECS实例的公网IP，然后输入密码即可进入VS code网页