【玩转 Cloud Studio】Cloud Studio 初体验，一下就爱上了

Cloud Studio 是一款在线的 IDE 产品，简言之它和众多在线 IDE 一样，都是基于浏览器的集成开发环境。

在介绍 Cloud Studio 之前，我们先进行一些科普。

所谓的浏览器集成开发环境，就是可以从如 Chrome、 Firefox、Edge 等 Web 浏览器访问的在线 IDE， 从而可以在通常不适合的低功率设备上进行软件开发。- wikipedia

有时候我也会觉得自己要跟不上时代的节奏了，Web 承载一切似乎在悄然发生变化！而 Web IDE 就是这个变化过程中重要的里程牌。我也依稀记得在我不久前体验使用 Google Cloud 时，它给我带来的体验。

然而，今天我们要说的是产自腾讯云的 Cloud Studio，它已经打磨、迭代了很多版本，光从名字上看似乎就很酷?！

你可以从这个链接 ? 访问到 Cloud Studio：

没错，Coding Anytime Anywhere 正是昭示这款产品的使命与责任。随着疫情、气候、经济、资源供应链的动态变化，我们的工作环境在这些年也在发生变化。我们可能希望自己能在任何一个地方，譬如咖啡厅、茶馆、家里、户外，从事我的编码工作，不再局限于某个办公地点。同时，又能发挥出充分的效率。

试想一下，在传统的工作中，我们一开始就需要初始化 IDE 的开发环境配置，这得需要花费不少时间成本。而云 IDE 的出现，可以很大程度上帮助开发者省去这部分时间。有句话，“程序员要让自己变得更懒” 用在这里是不是挺合适的？

因此，我们也看到越来越多的开发者在使用云 IDE。Cloud Studio 的用户如今就已经突破了 120 W。

当然，除了提供类似于 VSCode 的功能，Cloud Studio 还提供了在线课堂、在线笔试、低代码搭建等功能，很贴合开发者的需求。

如果你是一位前端程序员，要新建一个 React 项目，就可以直接通过 Cloud Studio 提供的模板对项目进行快速的初始化。

选择创建之后，IDE 就会帮你下载、配置项目需要的依赖。同时运行启动应用。速度还挺快的：

我们可以看到，界面的左右两侧分为代码编辑器和效果预览区。

其中，我发现有一点锦上添花的功能就是：预览区可以独立弹出到浏览器的 Tab 标签中显示。我们只需要点击下面这个按钮即可。这极大改善了开发体验。

同时，你在代码中更新代码，无需手动保存，即可热更新。

在 Cloud Studio 中还继承了仓库功能：

以及协作功能（喜欢结对编程的同学，一定不要忘记体验）：

总之，Cloud Studio 似乎没有什么学习成本，让开发者实现了零切换。

这次对 Cloud Studio 的体验，也让我对 Cloud IDE 有了更多使用的想法。或许未来不仅仅是云 IDE，未来在云上发生的变化也将彻底改变我们现在的工作方式。

本文首发自 前端修罗场，这是由独立开发者独立运行的专业技术社区，欢迎你的关注！