淘先锋技术网

首页 1 2 3 4 5 6 7


前言

很荣幸有机会参与腾讯云 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 依赖包,安装即可

在终端运行下面的 命令

在这里插入图片描述
②、再次运行,报错信息为: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、建议

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


我的qq:2442391036,欢迎交流!


我的博客即将同步至腾讯云开发者社区,邀请大家一同入驻:https://cloud.tencent.com/developer/support-plan?invite_code=1qqkry33f1pb4