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

   日期:2020-08-09     浏览:100    评论:0    
核心提示:搭建在线编程环境1.更换系统2.安装Docker容器环境2.1安装Docker环境2.2安装Docker-Compose环境3.部署web IDE3.1创建项目文件夹3.2在Docker中运行3.3code server开始部署4.登录网页VS code4.1获取链接密码4.2登录VS code1.更换系统停止运行实例,在公共镜像里选择Ubuntu,设置密码完成镜像的更换与安装2.安装Docker容器环境这里没有安装PuTTY,而是选择直接在阿里云实例里通过workbench进行远程连接2.1

搭建在线编程环境

    • 1.更换系统
    • 2.安装Docker容器环境
        • 2.1安装Docker环境
        • 2.2安装Docker-Compose环境
    • 3.部署web IDE
        • 3.1创建项目文件夹
        • 3.2在Docker中运行
        • 3.3code server开始部署
    • 4.登录网页VS code
        • 4.1*获取链接密码*
        • 4.2登录VS code

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网页

 
打赏
 本文转载自:网络 
所有权利归属于原作者,如文章来源标示错误或侵犯了您的权利请联系微信13520258486
更多>最近资讯中心
更多>最新资讯中心
0相关评论

推荐图文
推荐资讯中心
点击排行
最新信息
新手指南
采购商服务
供应商服务
交易安全
关注我们
手机网站:
新浪微博:
微信关注:

13520258486

周一至周五 9:00-18:00
(其他时间联系在线客服)

24小时在线客服