【腾讯云 Cloud Studio 实战训练营】云上编程永不宕机，彻底释放电脑物理内存

前言

很荣幸有机会参与腾讯云 Cloud Studio 实战训练营，通过这次体验大家可以快速上手使用 Cloud Studio，了解如何使用这个工具来进行云端开发。

• 腾讯云推出的 Cloud Studio 是基于浏览器的集成式开发环境 (IDE)，为开发者提供了一个永不间断的云端工作站。用户在使用 Cloud Studio 时无需安装，随时随地打开浏览器就能在线编程
• Cloud Studio 作为在线 IDE，包含代码高亮、自动补全、Git 集成、终端等IDE 的基础功能，同时支持实时调试、插件扩展等，可以帮助开发者快速完成各种应用的开发、编译与部署工作。

一、快速上手

1、账号注册

Cloud Studio 网址：https://www.cloudstudio.net/?utm=csdn

在这里插入图片描述

就按照官方推荐的来，选择第一个即可

在这里插入图片描述

2、新建工作空间

工作空间是就是你项目存放的位置，方便下次查找，我们这里首先建立一个属于自己的工作空间。

Cloud Studio 的控制台 -> 新建工作空间

在这里插入图片描述

3、配置工作空间参数

在弹出的创建工作空间窗口中，您需要进行以下配置：

• 空间名称
• 空间描述
• 工作类别
• 代码来源
• 选择仓库服务商
  • 这里我选择的是使用 github 作为仓库服务商
• 开发环境
  • 我这里选择的 python
• 规格配置

我打开我 github 上一个项目

在这里插入图片描述

4、工作空间展示

完成上述配置后，点击“新建”按钮后即可自动创建新的工作空间，且新建的工作空间神似 vscode，如下图：

在这里插入图片描述

5、运行飞机大战代码

①、打开 plane_main.py，点击运行按钮，可以看到如下报错：

ModuleNotFoundError: No module named 'pygame'

在这里插入图片描述

也就是没有 pygame 依赖包，安装即可

在终端运行下面的 命令

pip install --index-url https://pypi.tuna.tsinghua.edu.cn/simple pygame # 指定使用清华镜像源下载

在这里插入图片描述

②、再次运行，报错信息为：FileNotFoundError: No file './images/background.png' found in working directory '/workspace/python_game'.

在这里插入图片描述

也就是 image 文件的相对路径不对劲，将 ./images/ 全部改成 /workspace/python_game/Aircraft_Battle/images/

在这里插入图片描述

③、再次运行，可以看到程序正在跑了，但是没有出画面 右键 -> Run in Interactive Window -> Run Current File in Interactive Window

在这里插入图片描述

这里我参考了官方的这个文档：https://cloudstudio.net/blog/snakeoff

大体意思就是说：从Cloud Studio 工作空间运行的代码，最终都是在相应的服务器容器中执行。这就导致了在执行一些带 UI 的程序时，没办法正确的展示对应的 UI。为了解决该问题，优化用户的体验，Cloud Studio 团队提供了以 noVNC 为基础的解决方案。

下面就是解决方法：

④、 启动 vnc 进程。

bash /usr/bin/start-vnc-session.sh

在这里插入图片描述

端口 -> 6080 -> 在当前标签页打开预览 -> vnc_auto.html@

在这里插入图片描述

右键 -> Run in Interactive Window -> Run Current File in Interactive Window

在这里插入图片描述

点击本地预览（6080），可以看到游戏在跑了，左右键可以控制飞机的移动，剿灭敌机

在这里插入图片描述

6、运行五子棋代码

启动 vnc 进程。

bash /usr/bin/start-vnc-session.sh

剩下步骤同上述 5，效果如下：

在这里插入图片描述

7、运行贪吃蛇代码

启动 vnc 进程。

bash /usr/bin/start-vnc-session.sh

剩下步骤同上述 5，效果如下：

在这里插入图片描述

二、空间模板

腾讯云 Cloud Studio 提供了众多的框架模板，方便我们快速上手，我们也可以选择一个空间模板来进行我们的开发项目。

例如这里我选择了 Ubuntu

在这里插入图片描述

跑一下 C++ demo，可以看到提供了启动调试，单步运行、全速运行，打断点等等，真的很方便

在这里插入图片描述

在终端我们可以输入一些 linux 命令，以后不用在本地电脑搭建虚拟机就可以玩转 linux 系统了，这岂不是很炫酷的一件事吗?而且最重要的一点是 cloud studio 永不宕机，可以一直运行，简直就是一个活生生的服务器。

在这里插入图片描述

三、应用推荐

这里我最想体验的还是 AI Code Translator，尝试一下将不同的开发语言智能转换

在这里插入图片描述

1、点击 Fork

在这里插入图片描述

2、等待工作空间启动

在这里插入图片描述

3、安装 Dependencies

npm i

在这里插入图片描述

4、运行 App

npm run dev

下面是 JavaScript 转换成 Python 的冒泡排序算法

在这里插入图片描述

这里报了这样的错误："You exceeded your current quota, please check your plan and billing details." 也就是说 api 调用的 token 没钱了，如果想体验这个功能那得需要往你的 openai 账号的 token充钱

接着在淘宝买了一个 API KEY（已放在文章末端），花费了我 5元大洋，可以看到下面是一个从 Python 语言转成 C++ 语言冒泡排序的算法。

在这里插入图片描述

这里支持的语言涵盖了所有的编程语言，所以以后不用担心编程语言间的差异了

在这里插入图片描述

四、注意事项

1、openai api key 的获取方式

有关 openai api key 的获取方式可以参考下面的步骤：

网址：https://platform.openai.com/apps

在这里插入图片描述

右上角 Personnal -> View API keys

在这里插入图片描述

点击 Create new secret key

在这里插入图片描述

复制出来即可

在这里插入图片描述

2、api key 免费获取

这是我在淘宝买的一个 API KEY，有效期截止到 9 月 3 日，这里分享出来供大家使用。

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

五、代码自取

github 链接：https://github.com/Gnepuil79/python_game

六、总结及建议

1、总结

通过这次体验，我深深感受到了 Cloud Studio 的强大性，无论是在编写代码层面的代码高亮、代码补全，还是集成的 git、插件扩展等，都是很智能且易用的。其中的特点及优势总结如下：

• 腾讯云 Cloud Studio 提供了丰富的开发工具和服务，包括代码编辑器、调试器、版本控制、云端运行环境等，为开发者提供了便捷的开发环境。
• 腾讯云 Cloud Studio 采用云端运行方式，无需在本地安装开发环境，节省了开发者的本地资源，同时也使得开发者可以随时随地进行开发工作。
• 腾讯云 Cloud Studio 提供了与腾讯云其他服务的集成，如云函数、云数据库、云存储等，方便开发者在开发过程中使用这些服务。
• 腾讯云 Cloud Studio 支持多人协作开发，可以方便地分享代码、协同编辑、评论等。

此外，目前不足的就是文档少、社区少、生态少，这需要大家共同努力，一起开发，互相交流。

2、建议

建议官方可以多多推出相关的精品教学课程和文档，帮助开发者快速上手和解决问题，以及建议官方后面提供更加完善的安全措施，确保开发者的代码和数据的安全性。