产品工具|CSDN云IDE产品使用初体验

2022-11-18 15:16:09 浏览数 (1)

CSDN云IDE产品使用初体验

一、云IDE的诞生背景

我们经常能听到一些与 Cloud IDE 非常类似的概念,如 Web IDE、远程开发等等。尤其是远程开发,在早期的时候,我们能够通过 SSH 这类方式直接连上远端机器,使用基于 TUI(Terminal User Interfaces)的代码编辑器如 GUN nano、Vim、Emacs 这些直接来修改服务器上的代码。 但不管从开发体验,还是配置门槛等方面来说,都远远不够。可以这么说,如果完成不了本地 IDE 大部分功能的话,Cloud IDE 其实是不合格的。除此之外,Cloud IDE 显然是需要发挥出“云”的优势,这才是它的立身之本。常见的一些关键点如:

在线编辑器,随时随地编码。这是它最基本也是最原始的需求。 高效,快速接入环境。环境本身在云端,得益于云端资源的弹性以及丰富性,高效计算的同时还能有大量预先配置好的环境可立即使用,免安装。 分享,降低协作门槛。云端环境下,同一套开发环境可以多人接入,使得共同协作开发成为了可能。 安全,隔离开发环境。开发者不仅能快速切换开发环境,每个环境及每份数据都是各自独立。且依托于网络安全不断地发展,安全性得到了保障。

云IDE的解决问题:

  1. 更换电脑或者重装操作系统后的环境准备工作,复用率提高。
  2. 统一的开发环境与技术栈:借助容器技术,开发环境和技术栈也能作为项目的一部分,像源码一样管理起来,代码风格约束也能更好地落实。
  3. 充分利用服务器内存、IO、CPU等算力资源。
  4. 统一的开发环境与技术栈:借助容器技术,开发环境和技术栈也能作为项目的一部分,像源码一样管理起来,代码风格约束也能更好地落实。
  5. 更快的构建速度:得益于云计算的弹性调配能力,编译时长能被大幅缩短。
  6. Coding Anywhere:开发环境也可以像云计算服务一样触手可得,随时随地,想码就码。
  7. 源码管理平台:在 Gitee/GitHub 上进行简单的代码修改。

二、整体分析评测

首先说结论:

1.1 访问速度:

整个操作这些很流畅,比起国外的云IDE在访问和使用的过程体验感好很多。

1.2 界面风格:

整体的UI设计很明朗,用户视觉效果和交互性较好。

1.3 易用性:

整体风格和VScode很相似,会用VScode就会使用CIDE。

1.4 支持语言:

目前只支持:java,python3.8,JS 可以满足绝大数应用的需求,但是GO 和C 等环境估计可能在后续版本迭代中实现。

1.5 使用成本:

年费成本400元左右,对学生党不是很便宜,但是不是很贵,所以给出2星评价。

1.6 功能完善性:

插件安装配置功能具备, pip包安装功能具备, 断点调试功能具备。 输出行具备。 快速调式满足使用需求。 能够快速和开源项目连接。 支持从基础组件快速构建高阶组件,无需重新编写组件,提高研发效率。

1.7 结论

CSDN作为开源项目的支持者和贡献者,CIDE已经达到了实用化标准。瑕不掩瑜,总体感觉还是非常:


二、产品功能阐述

2.1 进入路径:

通过开发云进入: 直接访问网址:https://mydev.csdn.net/product/ide/dashboard

2.2 创建工作空间

有两种方法可以创建一个工作空间 1、在 Cloud IDE 官网控制台创建 访问 https://ide.csdn.net,点击 新建工作空间按钮,填写相关表单即可创建。

点击新建工作空间进入创建工作空间页面,

在这里需要填入工作空间名字,你可以按照自己的喜好来填写你的工作空间名字 选择预置环境,这就是你所需要的云开发环境,目前支持python,java和nodejs,或者你可以偷个懒直接选择All in one,索性全选也是可以的 选择开发环境的规格配置,也就是云服务的配置,目前CIDE只支持2H4G的配置,因此这里默认即可 选择代码来源,也就是你的代码仓库,如果你填的是远程github仓库,那么IDE会自动给你clone好代码,并且安装依赖,因为是进行测试,我在这里选择的是CIDE提供的默认模板作为演示。 点击确定创建 ,工作空间就创建好了。

2、在任意开源项目网址前加 ide 快速创建该开源项目的工作空间

快捷域名跳转创建开源项目工作空间方案支持 GitHub(github.com)、GitCode(gitcode.net)、Gitee(gitee.com) 建立好后如下图所示:

然后点击启动即可进入自己的工作空间进行Coding,~~

2.3 应用设置

将该文件相关参数修改为自己项目的启动命令,一般来说,只需要修改 run 字段即可。 有了 preview.yml 文件,Cloud IDE 会在每次启动时自动打开终端并执行指定的命令。也可以直接点击 preview.yml 文件右上角的绿色刷新按钮手动启动。 Cloud IDE 也会自动监听新开启的端口,当通过终端启动一个服务时,Cloud IDE 会自动发现端口并给出预览提示:

2.4 安装个性化插件

2.5 自动安装依赖包

与VSCODE一样,云IDE同样也可以实现自动安装第三方库,比如PY所需的扩展库。

2.6 提交代码

提交代码 在创建工作空间时,如果添加了仓库地址(或后续通过 Cloud IDE 左侧 Git 扩展初始化后),就可以提交代码。 需要注意的是,如果在 Cloud IDE 中直接提交代码,仓库地址需要是 SSH 的,并且需要将 Cloud IDE 提供的 SSH 密钥添加至个人公钥列表。 在 Cloud IDE 官网控制台(https://mydev.csdn.net/product/ide/keyManage)和 Cloud IDE 菜单「工作空间」-「SSH 密钥管理」都可以查看和复制:

各主流仓库添加 SSH 密钥地址: GitHub:https://github.com/settings/keys GitCode:https://gitcode.net/-/profile/keys Gitee:https://gitee.com/profile/sshkeys 如果填写的是 HTTPS 的 Git 地址,或通过开源项目快捷域名方式打开的 Cloud IDE,提交代码时,Cloud IDE 会让用户输入 CSDN 的账号和密码(一般来说是手机号 密码)

2.7 体验感受

对比本地IDE: 环境本身是能够进行版本管理的:开发环境的Dockerfile可以保存在Git服务器上,可以通过版本管理服务器对环境的变更进行追踪和确认。 环境是可以重复构建的:使用组织自己的镜像启动起来Docker容器,然后在容器之中运行工程。如果一旦环境出现问题,可以非常容易地删除容器并快速创建一个新的即可。 环境性能更好:用户有超越硬件的本地IDE的使用体验

三、体验建议

3.1 帮助文档需要加强

好的帮助文档能够快速降低新用户的迁移成本和理解曲线。需要在后续版本迭代中加强。这个小窗口实在是不太优雅。

好的产品从通俗易懂的用户使用手册开始

3.2 容器功能增强

如电信云等,如果安装了依赖包和扩展插件,在云容器出现问题后可以通过快照功能进行回滚。 运行应该是绿色三角图标,停止是红色电源按钮图标。需要统一避免歧义。

3.3 主流技术栈支持

期待后期C ,GO,PHP等主流技术栈的支持。

四、未来愿景

4.1 AI 助力代码开发:

基于代码的智能提示、智能问答、甚至代码生成、质量分析等,更智能的进行代码编程。

4.2 高度集成

研发工作台:云计算时代的 Devops 研发模式下,实现需求-开发-测试-运维的完整链路。 你可以基于代码库中的描述文件,自动生成云端 IDE,之后开发的所有操作在此 IDE 中执行。比如你上班的每天早上,打开 IDE,就可以看到今天的任务卡片,还可以看到他人发送过来的代码评审请求,在你开发代码时可以做到实时的代码片段扫描,还可以看到运算 CI 的结果操作。不用在不同的软件和浏览器之间来回切换,更加沉浸在开发的过程中。面向云端 IDE 编程本质是一种 「Toolsless」,开发者不必再去学习其他复杂的项目管理工具、持续集成工具等,将开发者的精力聚焦到能够创造价值的工作上去,Let Work for Sample

4.3独立的技术生态:

如 React Native、小程序、可视化搭建系统等。

4.4 私有云IDE:

尤其是ToB的项目,更希望通过定制 IDE私有化部署,提供更贴合产品/业务的私有云 IDE。

五、总结及祝愿

感谢CSDN给所有中国开源开发者提供了一款主要面向开源的Cloud IDE,通过撰写博文对云IDE的理解又更近了一步,期待CIDE跟进一步,越做越好。 也祝愿各位开源贡献者和践行者,能够在云IDE的加持下,能够更优质的产出好的作品。

0 人点赞