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

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

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

---

---

一、云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 帮助文档需要加强

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

好的产品从通俗易懂的用户使用手册开始，建议参考下华为云IDE.

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的加持下，能够更优质的产出好的作品。