云IDE：Coding的Cloud Studio

梦里梦外; 2022-12-01 12:22 109阅读 0赞

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center]  
CODING是国内最早进行云IDE工具开发的公司之一，在2018年4月，腾讯云与CODING宣布达成战略合作，共同发布以腾讯云云服务器为基础的国内第一款完全基于云端的IDE工具：Cloud Studio的beta版本。这篇文章整理一些相关内容，场景和特性说明部分主要摘自与其官方网站。

# 特性 #

## 接近本地 IDE 的特性 ##

支持代码高亮、自动补全、全功能终端、实时保存等功能，接近本地 IDE 的特性体验，帮助开发者快速完成各种应用的开发、编译与部署工作。

## 预设多种开发环境 ##

内置 Node.js、Java、Python 等常见环境，为您省去复杂的配置工作，直接进入开发状态。

## 直接连接云主机 ##

除了选择预设的多种开发环境，您也可将其连接到您指定的云主机，管理云主机中的资源。

## 随时分享预览效果 ##

在 Cloud Studio 中快速生成预览连接，无论是分享给别人来展示项目，还是将其作为调试接口，都极为方便。

## 兼容 VSCode 插件 ##

支持在线安装 VSCode 的插件来增强使用体验，目前 Cloud Studio 兼容绝大多数 VSCode 插件。

# 使用方式 #

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 1]

# 使用场景 #

## 快速启动项目 ##

使用 Cloud Studio 的预置环境，您可以直接创建对应类型的工作空间，快速启动项目进入开发状态，而无需进行繁琐的环境配置。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 2]

## 实时调试网页 ##

Cloud Studio 内置预览插件，可以实时显示网页应用。当代码发生改变之后，预览窗口会自动刷新，这样就可以在 Cloud Studio 内实时开发调试网页了。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 3]

## 远程访问云服务器 ##

Cloud Studio 支持您连接自己的云服务器，这样就可以在编辑器中查看云服务器上的文件，进行在线开发部署工作。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 4]

# 使用体验 #

## 注册CODING账号 ##

CODING和腾讯战略合作之后，和微信的深度融合也成为了特色之一，包括后续平台的微信方式访问，支持多种方式注册，注册还是非常简单的。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 5]

## 开始使用 ##

进行应用授权即可开始使用所提供的Cloud Studio的功能了  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 6]  
可以自行手动创建或者通过预设的demo工作空间进行快速创建。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 7]  
创建展示工作空间，便可以开始体验  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 8]  
目前版本提供的体验功能工作空间最多为5个，每次只能运行一个，对于一般需求倒也合理，而且毕竟是提供资源进行的免费体验。点击提供的demo工作空间  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 9]  
快速加载之后看到了VS Code风格的页面。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 10]  
可以看到目前提供5种模版，相较于Cloud 9的40余种，特性虽然还有待增强，但是功能已经初备。选择提供的Spring Boot的示例模版  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 11]  
长时间等待之后发现终端提示处已经出错，确认了之后发现此工作空间所连的Linux为Ubuntu 18.04的LTS版本。虽然可以理解默认的是Node.js的这里选择Java不太合适，但是文档的说明之类的也要完善一点才能增强用户粘性吧。

## 重新创建一个工作空间 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 12]  
如果有云服务器，此处可以直接连接，另外工作空间可通过在设置中设定ssh密钥，并输入仓库信息，此处直接选择空进行创建。可以考虑添加一个用于用户体验的仓库，但是人手一个又不太合适，多人共享效率如何需要控制。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 13]  
选择5个模版中的Java的Spring Boot的模版，可以看到mvn spring-boot:run命令已经开始正常运行  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 14]  
注：此处缺省模版中，没有指定私库，速度很慢，体验感稍差，建议后续提供Maven私库，并在默认模版中可以进行设定，以提速。

经过等待，正常启动，整体体验还较为流畅，提供了内置预览插件  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 15]  
现在就可以可以进行代码的修改和确认了，还可以看到缺省安装了简体中文版的插件。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 16]  
整体来说还是比较流畅的，已经可以基本满足使用需求了

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/4cbbbc6bcb9740f1998b8e7c707eb610.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221123/3942b16b483340588a9c007bb3686b54.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 2]: /images/20221123/bc3bff96a29b4a6c9eb6f1ea9d6069e9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 3]: /images/20221123/08f06caea70b4fd7befbd0d1d539ee58.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 4]: /images/20221123/10123c44f2dc4f19839141818a23c2f9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 5]: /images/20221123/e10821faa0174c0ea3c3412a51886dfa.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 6]: /images/20221123/6754b3f737b9447f929dcdec6fb7c7d3.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 7]: /images/20221123/a151420feea049cba9776dd6c697e1e6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 8]: /images/20221123/f9242281790e45b393905ddb88813b2e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 9]: /images/20221123/ad0d14144fe44a7cacd58012a1b27f40.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 10]: /images/20221123/5651d5cac5c84ee9a8292c3adf58380b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 11]: /images/20221123/c4ed776ce06b41f1805e733f5236a01d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 12]: /images/20221123/72164d9fd3c24f1bbaa202de57e1b07f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 13]: /images/20221123/6a8e3eaff22040b88bf26a1d8db3c5ce.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 14]: /images/20221123/c4004bb7fb7c4b8c85a461106fea9310.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 15]: /images/20221123/d41985fa172d4f0ba715baedaa8c048f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdW1pYW9jbg_size_16_color_FFFFFF_t_70_pic_center 16]: /images/20221123/e388d71967554c4a9b01a1eeba242f99.png