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

时间:2022-11-01 22:56:36

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

CSDN最新产品【云IDE】来啦!【云IDE】将为各位技术er一键秒级构建云开发环境,提升开发效率!为持续提升产品体验,现CSDN特开展产品评测有奖话题征文活动,诚邀各位技术er免费试用【云IDE】,撰写使用体验,参与即可获得【话题达人】勋章+CSDN电子书月卡(站内千本电子书免费看),更有机会获得CSDN官方会员卡+周边大奖!
产品工具|CSDN云IDE产品使用初体验



一、云IDE的诞生背景

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

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

云IDE的解决问题:

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

二、整体分析评测

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

首先说结论:

1.1 访问速度:

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

1.2 界面风格:

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

1.3 易用性:

整体风格和VScode很相似,会用VScode就会使用CIDE。
产品工具|CSDN云IDE产品使用初体验

1.4 支持语言:

目前只支持:java,python3.8,JS 可以满足绝大数应用的需求,但是GO 和C++等环境估计可能在后续版本迭代中实现。
产品工具|CSDN云IDE产品使用初体验

1.5 使用成本:

年费成本400元左右,对学生党不是很便宜,但是不是很贵(对比商用化产品如华为云等),所以给出2星评价。
产品工具|CSDN云IDE产品使用初体验

1.6 功能完善性:

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

1.7 结论

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


二、产品功能阐述

2.1 进入路径:

通过开发云进入:
直接访问网址:https://mydev.csdn.net/product/ide/dashboard
产品工具|CSDN云IDE产品使用初体验

2.2 创建工作空间

有两种方法可以创建一个工作空间
1、在 Cloud IDE 官网控制台创建
访问 https://ide.csdn.net,点击 新建工作空间按钮,填写相关表单即可创建。
产品工具|CSDN云IDE产品使用初体验
点击新建工作空间进入创建工作空间页面,

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

2、在任意开源项目网址前加 ide 快速创建该开源项目的工作空间
产品工具|CSDN云IDE产品使用初体验

快捷域名跳转创建开源项目工作空间方案支持 GitHub(github.com)、GitCode(gitcode.net)、Gitee(gitee.com)
建立好后如下图所示:
产品工具|CSDN云IDE产品使用初体验
然后点击启动即可进入自己的工作空间进行Coding,~~

2.3 应用设置

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

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

2.4 安装个性化插件

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

2.5 自动安装依赖包

与VSCODE一样,云IDE同样也可以实现自动安装第三方库,比如PY所需的扩展库。
产品工具|CSDN云IDE产品使用初体验

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 的账号和密码(一般来说是手机号+密码)
产品工具|CSDN云IDE产品使用初体验

2.7 体验感受

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

三、体验建议

3.1 帮助文档需要加强

好的帮助文档能够快速降低新用户的迁移成本和理解曲线。需要在后续版本迭代中加强。这个小窗口实在是不太优雅。
产品工具|CSDN云IDE产品使用初体验
好的产品从通俗易懂的用户使用手册开始,建议参考下华为云IDE.

3.2 容器功能增强

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

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

3.3 主流技术栈支持

期待后期C++,GO,PHP等主流技术栈的支持。
产品工具|CSDN云IDE产品使用初体验

四、未来愿景

4.1 AI 助力代码开发:

基于代码的智能提示、智能问答、甚至代码生成、质量分析等,更智能的进行代码编程。
产品工具|CSDN云IDE产品使用初体验

4.2 高度集成

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

4.3独立的技术生态:

如 React Native、小程序、可视化搭建系统等。
产品工具|CSDN云IDE产品使用初体验

4.4 私有云IDE:

尤其是ToB的项目,更希望通过定制 IDE私有化部署,提供更贴合产品/业务的私有云 IDE。
产品工具|CSDN云IDE产品使用初体验

五、总结及祝愿

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