打造在线编程环境

简介: 打造自己的在线编程环境,使用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

相关文章
|
5月前
|
数据安全/隐私保护 索引 Windows
这款软件的高级用法,网工直呼:真香!
这款软件的高级用法,网工直呼:真香!
|
6月前
|
算法 数据处理 开发者
LabVIEW开发为何仿制(致敬)经典成熟软件
LabVIEW开发为何仿制(致敬)经典成熟软件
42 2
|
Linux 开发工具 芯片
国产之路:复旦微调试笔记3:环境配置
Xilinx:基本流程为逻辑在vivado中配置开发生成hdf,不带操作操作系统时直接用sdk在线或者参考之前固化篇,带操作系统时用petalinux配制,生成BOOT.bin(含fsbl,自己生成的bit文件和uboot)和image.ub(默认文件系统,kernel和设备树的打包)(如果用jffs2文件系统需要设置将文件系统单独出来,再生成一个rootfs.jffs2)
2786 1
国产之路:复旦微调试笔记3:环境配置
|
监控 Ubuntu Linux
强烈推荐:网工利器PNETLab模拟器
强烈推荐:网工利器PNETLab模拟器
1346 0
强烈推荐:网工利器PNETLab模拟器
|
开发工具
经典飞机大战游戏制作教程1:熟悉开发工具
适合想要学习做游戏的新手,也适合想要学习编程的青少年,另外也适合亲子共学。 想让孩子学习一样东西,除了让他自己去学习之外,还有一种更好的方式,就是跟他一起学习。希望这个系列能够让你体会到做游戏的乐趣,并且在做游戏的过程中学习编程,锻炼逻辑思维。 如果课程内容对你有帮助,欢迎点赞分享,鼓励小蚂蚁继续创作。
225 0
|
数据采集 人工智能 Windows
小工具集锦,5款好用的良心软件
今天来给大家推荐5款良心软件,每款都是经过时间检验的精品,用起来让你的工作效率提升飞快,各个都让你觉得相见恨晚!
153 0
小工具集锦,5款好用的良心软件
|
前端开发 JavaScript
Primordial Farm(初元农场)星球生态游戏开发源代码部署流程
Primordial Farm(初元农场)星球生态游戏开发源代码部署流程
|
Linux 数据安全/隐私保护 虚拟化
学妹跑过来问我安装Linux虚拟机的详细步骤【手把手教学,顺带教教学妹配置网络】
学妹跑过来问我安装Linux虚拟机的详细步骤【手把手教学,顺带教教学妹配置网络】
学妹跑过来问我安装Linux虚拟机的详细步骤【手把手教学,顺带教教学妹配置网络】
|
数据可视化 数据安全/隐私保护 Python
开发了一款小众开源工具,没想到还有这么多人用!
由于 Gitee Pages 的访问速度很快,很多朋友会选择 Gitee Pages 部署项目(如:个人博客、开源项目国内镜像站点)。但是它不像 GitHub Pages 那样,一提交代码就能自动更新 Pages,因为 Gitee 的自动部署属于 Gitee Pages Pro 的服务。
313 0
开发了一款小众开源工具,没想到还有这么多人用!