打造在线编程环境

简介: 打造自己的在线编程环境,使用Coding WebIDE来实现在线的IDE,以便我们在不方便使用本地编辑器的时候可以使用在线编辑器来进行我们的在线编辑操作。

本章内容出自《7天学会ECS》电子书,点击下载完整版

打造在线编程环境

打造自己的在线编程环境,使用Coding WebIDE来实现在线的IDE,以便我们在不方便使用本地编辑器的时候可以使用在线编辑器来进行我们的在线编辑操作。

使用容器服务

容器服务简化了容器管理集群的搭建工作,整合了阿里云虚拟化、存储、网络和安全能力,是Docker云端最佳运行环境。

我们使用镜像市场中自带Docker容器的镜像。

image.png
image.png

实例停止后点击更换操作系统

image.png
image.png
image.png

部署 Web IDE

Coding WeblDE是Coding自主研发的在线集成开发环境(IDE)。用户可以通过WebIDE创建项目的工作空间,进行在线开发,调试等操作,同时WebIDE集成了Git代码版本控制,支持绝大部分Git托管。
下面开始教程:
1.使用PuTTY作为传输终端
PuTTY是自由的跨平台Telnet/SSH 客户端,同时在Win32和Unix 系统下模拟xterm终端。其主要作者是Simon Tatham。
由Larry Li维护并开源的中文版:
下载地址:https://github.com/larryli/PuTTY/releases
打开Putty.exe

image.png

在Putty中配置IP并保存一个新的会话

image.png

双击保存的会话,输入密码后即可登入SSH

image.png

运行下面的代码以安装容器化的WebIDE(在命令行界面点击右键即可粘贴并运行):
git clone https://git.coding.net/coding/WebIDE.git

image.png

cd WebIDE
./ide.sh docker run

image.png

容器服务运行完成

image.png

2.在浏览器中输入IP地址和端口,即可进入WebIDE的界面

image.png

使用WebIDE

我们这里使用在Github的一个DEMO来演示如何操作
1、登录后我们先查看一下IDE的公钥,点击Show public key:

image.png
image.png

2、在Github的Settings中添加公钥

image.png

3、将Github仓库的ssh地址复制到WebIDE中,点击Creating

image.png
image.png

4、点击open打开ecsdemo

image.png

5、新建一个readme.md文件

image.png

写一句Hello World

image.png

保存后课在版本中进行提交

image.png
image.png

确认后再点击推送

image.png

6、在Github仓库中即可看到推送过来的文件

image.png

相关文章
|
11月前
|
数据可视化 算法 定位技术
SWMM从入门到实践教程 01 SWMM软件介绍
SWMM(Storm Water Management Model)是一款用于城市暴雨径流模拟和城市雨水管理的计算机软件。SWMM软件最初由美国环保局(EPA)开发,现在已经成为一个广泛使用的软件,用于设计、规划和管理城市排水系统。
|
14天前
|
Linux Windows 虚拟化
【Linux环境搭建实战手册】:打造高效开发空间的秘籍
【Linux环境搭建实战手册】:打造高效开发空间的秘籍
|
7月前
|
小程序 JavaScript 前端开发
小程序云开发全套实战教程(最全)
小程序云开发全套实战教程(最全)
82 0
|
虚拟化 数据安全/隐私保护 网络架构
网工小白升级打怪篇(一)实验环境部署(下)
网工小白升级打怪篇(一)实验环境部署
153 1
网工小白升级打怪篇(一)实验环境部署(下)
|
数据采集 Linux 开发工具
猿创征文 | 三款Python学习开发任选工具
猿创征文 | 三款Python学习开发任选工具
94 0
猿创征文 | 三款Python学习开发任选工具
|
Linux 开发工具 数据安全/隐私保护
“冬季实战营第二期:Linux操作系统实战入门”场景体验实验小结
冬季实战营第二期,通过场景实际操作,了解Linux系统基本操作。
159 0
“冬季实战营第二期:Linux操作系统实战入门”场景体验实验小结
|
开发工具 C++ Python
零基础学Python(第一章 开发工具·最简易的环境·无需配置环境变量)
本文优点:让初学人员远离繁琐的各种环境配置,让你可以直接上手敲代码(下载的时候网络得好一些,总计1.15G左右大小)。
147 0
零基础学Python(第一章 开发工具·最简易的环境·无需配置环境变量)
第二章 搭建51单片机开发环境
第二章 搭建51单片机开发环境
192 0
第二章 搭建51单片机开发环境
|
弹性计算 运维 应用服务中间件
阿里云学生机入门指南(开发者成长计划)
现在国内知名大牌云服务商(阿里云)对学生都是很优惠的,阿里云学生服务器
844 0