云IDE的简单使用、体验与学习

云IDE的简单使用、体验与学习

  • 一、简单尝试
  • 二、官网展示的特点
  • 三、视频用例
    • 3.1、用Cloud IDE快速启动开源项目
    • 3.2、用Cloud IDE 在线提交PR

云IDE产品介绍
云IDE使用教程
免费使用地址:点击【云IDE】,即可开始创建工作空间。

一、简单尝试

快速创建工作空间:
云IDE的简单使用、体验与学习_第1张图片
进入工作空间列表:
云IDE的简单使用、体验与学习_第2张图片
进入云IDE:
云IDE的简单使用、体验与学习_第3张图片
一个简单的Python例子:
云IDE的简单使用、体验与学习_第4张图片
云IDE的简单使用、体验与学习_第5张图片
云IDE非常的方便,联网后简单的创建点击即可使用。同时它的功能非常强大,支持各种语言,各种环境,还可以同时支持多个环境同时并行。

界面简洁干净,菜单丰富,对技术人员来说很舒适和友好。

体验很好,本地IDE的资源不易转移其他主机,有了云IDE以后,可以在别的联网主机上随时编辑和操作。

云IDE的简单使用、体验与学习_第6张图片
23分钟用了45核,假设为时间的2倍消耗的话,这10000核可以供IDE不关机跑2、3天左右就没了,所以不使用的话要及时关机,感觉这个开销相比本地IDE还是有些大,所以还是权衡着使用,比如工作所需吧,当然希望价格更平民一些就更好啦。


二、官网展示的特点

特点 解释
完整功能 无需下载安装,随时随地开发编码,拥有媲美本地 IDE 的流畅编码体验
兼容VS Code插件 支持在线安装 VSCode 插件来增强使用体验
可视化编程 可使用拖拽式组件和模型编写开发,可视化创建各种应用与Web站点
可复用组件 支持从基础组件快速构建高阶组件,无需重新编写组件,提高研发效率
弹性计算 支持自动弹性扩缩容
持久化 随时随地的编写,持久化保存你写的内容
在线预览 快速生成预览,方便展示项目
多环境 预制了常见的开发环境
学生免费 学生可免费使用,助力学习生长

三、视频用例

3.1、用Cloud IDE快速启动开源项目

  1. 从github网站上打开一个开源项目
    云IDE的简单使用、体验与学习_第7张图片
  2. Fork到自己的仓库:
    云IDE的简单使用、体验与学习_第8张图片
    云IDE的简单使用、体验与学习_第9张图片
  3. 在域名前加IDE,进入工作空间
    云IDE的简单使用、体验与学习_第10张图片
  4. 开始自动安装依赖
    云IDE的简单使用、体验与学习_第11张图片
  5. 自动打开预览
    云IDE的简单使用、体验与学习_第12张图片

3.2、用Cloud IDE 在线提交PR

  1. 找到一个要修复的bug
    云IDE的简单使用、体验与学习_第13张图片
    云IDE的简单使用、体验与学习_第14张图片
    云IDE的简单使用、体验与学习_第15张图片
  2. 目标:去掉框架的白色背景
    云IDE的简单使用、体验与学习_第16张图片
  3. 提交代码需要先添加SSH KEY
    云IDE的简单使用、体验与学习_第17张图片
    云IDE的简单使用、体验与学习_第18张图片
    云IDE的简单使用、体验与学习_第19张图片
  4. 到 IDE.CSDN.NET复制 SSH KEY
    云IDE的简单使用、体验与学习_第20张图片
    云IDE的简单使用、体验与学习_第21张图片
    云IDE的简单使用、体验与学习_第22张图片
  5. 到FORK的仓库复制SSH地址
    云IDE的简单使用、体验与学习_第23张图片
    云IDE的简单使用、体验与学习_第24张图片
  6. 创建一个新的工作空间
    云IDE的简单使用、体验与学习_第25张图片
    云IDE的简单使用、体验与学习_第26张图片
    云IDE的简单使用、体验与学习_第27张图片
    云IDE的简单使用、体验与学习_第28张图片
    云IDE的简单使用、体验与学习_第29张图片
  7. 启动工作空间
    云IDE的简单使用、体验与学习_第30张图片
    云IDE的简单使用、体验与学习_第31张图片
  8. 复现Bug
    云IDE的简单使用、体验与学习_第32张图片
    云IDE的简单使用、体验与学习_第33张图片
    云IDE的简单使用、体验与学习_第34张图片
  9. 修复Bug
    云IDE的简单使用、体验与学习_第35张图片
  10. 填写 COMMIT 信息
    云IDE的简单使用、体验与学习_第36张图片
  11. PUSH到FORK的仓库
    云IDE的简单使用、体验与学习_第37张图片
    云IDE的简单使用、体验与学习_第38张图片
  12. 刷新,可看到提交的新代码
    云IDE的简单使用、体验与学习_第39张图片
    云IDE的简单使用、体验与学习_第40张图片
  13. 提交PR到开源项目仓库
    云IDE的简单使用、体验与学习_第41张图片
  14. 完成
    云IDE的简单使用、体验与学习_第42张图片

你可能感兴趣的:(Web,基础,ide,学习,eclipse)