【腾讯云 Cloud Studio 实战训练营】CloudStudio体验真正的现代化开发方式,双手插兜不知道什么叫对手!

在这里插入图片描述

CloudStudio体验真正的现代化开发方式,双手插兜不知道什么叫对手!

文章目录

  • CloudStudio体验真正的现代化开发方式,双手插兜不知道什么叫对手!
    • 前言
    • 出现的背景
    • 一、CloudStudio 是什么?
    • 二、CloudStudio 的特点
    • 三、CloudStudio 的应用场景
    • 四、CloudStudio 实践一秒构建成语拼图小游戏
      • 登录注册
      • 1、构建准备
      • 2、创建工作空间
      • 3、安装项目依赖并启动项目
      • 4、在线修改代码并同步到git仓库
      • 5、通过ssh连接到云主机
    • 总结
    • 参考文献


前言

最近有幸参与了腾讯云举办的 腾讯云 Cloud Studio 实战训练营。在这个过程中,通过了解 Cloud Studio 的产品和实践,让我受益非浅,原来还可以这样开发! 也让我真正理解了这一产品所带来的意义。

在看到活动的介绍和微信群的讲解后,我马不停蹄地开始了自己摸索。首先是跟着群里小助手发的实验手册,体验了一下整个产品的业务流程。

随后又查看官方的产品文档。在 Colud Studio 平台上构建了一个基于 Vue开发的小游戏,并通过平台进行代码优化并提交同步到了Github平台,整个过程十分丝滑。

下面就来整理,分享一下我的操作和感悟,希望能够帮助到其他同学。

出现的背景

随着云计算产业的发展,各种基于云端的 IDE 相继出现。在这个效率第一的环境下,又需要同时减少成本,于是产生了云IDE,相比于传统的 IDE,云端 IDE 可以更大程度的提升用户工作的效率。

一、CloudStudio 是什么?

云 IDE Cloud Studio 作为腾讯云出品的一款在线云端开发工具,它可以帮助用户减少安装 IDE 的成本,提供在线代码开发、编译、运行、存储的一站式服务。

Cloud Studio 是基于浏览器的集成式开发环境(IDE),为开发者提供了一个永不间断的云端工作站。用户在使用 Cloud Studio 时无需安装,随时随地打开浏览器就能在线编程。

在这里插入图片描述
Cloud Studio 作为在线 IDE,包含代码高亮、自动补全、Git 集成、终端等 IDE 的基础功能,同时支持实时调试、插件扩展等,可以帮助开发者快速完成各种应用的开发、编译与部署工作

在这里插入图片描述

二、CloudStudio 的特点

Cloud Studio 是基于“浏览器”的集成式开发环境(IDE),为开发者提供稳定的云端工作站,在使用 Cloud Studio 时无需安装,打开浏览器即可快速启动和开发项目,底层资源可以自动弹性扩缩,极大地节省成本,低代码开发省时又省力。

基于 Web 端的代码编辑器,包含代码高亮、自动补全、Git 集成、终端等 IDE 的基础功能,同时支持实时调试、插件扩展等,提升开发、编译与部署工作效率 ;

支持远程访问云服务器,为腾讯云 SCF 行业用户提供开发-测试-部署完整闭环的云原生开发体验 ;

三、CloudStudio 的应用场景

Cloud Studio 在线编程工具适用于以下几个场景:

  1. 快速启动项目

使用 Cloud Studio 的预置环境,可以直接创建对应类型的工作空间,快速启动项目进入开发状态,无需进行繁琐的环境配置。

  1. 实时调试网页

Cloud Studio 内置预览插件,可以实时显示网页应用。当代码发生改变之后,预览窗口会自动刷新,这样就可以在 Cloud Studio 内实时开发调试网页了。

  1. 远程访问云服务器

Cloud Studio 支持连接自己的云服务器,这样就可以在编辑器中查看云服务器上的文件,进行在线编程和部署工作。

四、CloudStudio 实践一秒构建成语拼图小游戏

我们经常会遇到远程办公的场景,下面我们打算用云 IDE Cloud Studio 快速搭建,将我们的成语拼图项目构建到Cloud Studio平台上,并在上面修改同步到github上,实现快速项目维护,从 0 到 1 体验云 IDE 给我们带来的优势,不需要装各种环境,简单易用,开箱即可上手。

登录注册

  1. 打开官网:

点击以下链接跳转到官网,并点击**“注册/登录”**。

Cloud Studio官网

在这里插入图片描述

  1. 注册 Cloud Studio

这里注册和登录 Cloud Studio 非常方便,提供了三种注册方式:

  • 使用 CODING 账号授权注册/登录
  • 使用微信授权注册/登录(本文使用方式)
  • 使用 GitHub 授权注册/登录

在这里插入图片描述

授权成功后,可以跳转到 Cloud Studio 首页,可以看到 Cloud Studio 提供了很多模板(框架模板、云原生模板、建站模板),都是预装环境,开箱即用的模板,可以快速搭建环境进行代码开发,同时 Cloud Studio 也对所有新老用户每月赠送 3000 分钟的工作空间免费时长。

在这里插入图片描述

1、构建准备

首先我在本地先运行一下这个项目,保证项目正常可用,效果如下图:

在这里插入图片描述

可用看到,项目是正常启动的,我打算把他放到github上去,因为Cloud Studio已经和github对接好了,可用直接获取仓库项目,非常方便,我这里新建了一个 idiom-puzzle 的仓库,并把项目推送了上去:

请添加图片描述

2、创建工作空间

因为我们的环境在提供的模板中没有找完美契合的,好在 Cloud Studio 非常的灵活,支持自定义环境,这里我们自定义一个vue环境进行项目部署,先新建工作空间:
请添加图片描述
然后输入空间名称,选择工作类别,这里因为我是使用github登录,所以我直接默认就是代码来源选择代入仓库,Cloud Studio 会自动读取账号里的仓库列表,这里我直接选择我们的 idiom-puzzle 仓库,然后开发环境还是选择 vuejs
在这里插入图片描述
初始化的速度很快,大概3秒左右吧,一个项母环境就被初始化好了

在这里插入图片描述

3、安装项目依赖并启动项目

我们在控制台中先将项目依赖安装好

npm install

操作完成后,在控制台中输入 npm run dev 即可启动该项目。

在这里插入图片描述

Cloud Studio 内置预览插件,可以实时显示网页应用,当代码发生改变之后,预览窗口会自动刷新,即可在 Cloud Studio 内实时开发调试网页了,因为本项目是移动端H5的项目,所以需要打开**“toggle device”**按钮查看样式。
提供了二唯码在手机端进行调试。

在这里插入图片描述
复制内置 Chrome 浏览器窗口的地址栏,分享给团队的其它成员,免去了部署 nginx 的繁琐配置。

4、在线修改代码并同步到git仓库

我们在title后面加两个 !! 符号,然后保持,预览很快出现反馈了
在这里插入图片描述

此时我们可以对项目进行在线调试维护,通过左边功能菜单区找到“源代码管理”。输入需要提交的message信息,再点击"Commit"进行仓库提交。

在这里插入图片描述
在这里插入图片描述
提交后就可以将修改同步到仓库:

在这里插入图片描述

到仓库主页就能看到这个commit

在这里插入图片描述

如果觉得配置不符合要求,还可以进行配置升级,不过,修改需要下次重启后才能生效。

在这里插入图片描述

5、通过ssh连接到云主机

如果你觉得网页版你不喜欢操作,Cloud Studio 还支持你通过ssh 进行主机链接,非常全面

在这里插入图片描述

总结

这次通过体验 Cloud Studio 进行云编程,并且动手使用云 IDE Cloud Studio 快速开发和调试,真正意义上从 0 到 1 体验云 IDE 给我们带来的优势,线上编辑器真的非常赞,易用性非常好,无论是初学者还是专业人士,都可以快速搭建并演示一个项目,不需要装各种环境,开箱即可上手。

在产品的 UI 页面的视觉上,清爽度很高、简约而又不简单,配置与管理上也很便捷。同时还兼顾项目的运行速度,可以根据自己的需求动态提升配置,可以说是非常的全能!

通过这次的使用和项目实战,我总结出以下优点和建议:

  • 优点
  1. 跨平台和无需安装:它一个基于云端的开发平台,Cloud Studio 可以运行在任何设备上,并且不需要安装任何软件,只需要通过浏览器访问即可。这让我们可以更方便地进行开发,不需要担心设备兼容性和软件安装问题。
  2. 多语言支持:支持多种编程语言,包括 JavaScript、Python、Go、Java、C# 等。我们可以选择自己熟悉的编程语言进行开发。
  3. 协作和共享:Cloud Studio 可以实现多人协作和项目共享,我们可以在同一项目中进行协作开发,同时可以更方便地分享代码和项目。
  4. 可扩展性和灵活性:Cloud Studio 可以通过插件和扩展进行功能扩展,可以根据开发人员的需求进行定制和扩展。
  5. 安全性和稳定性:Cloud Studio 在云上运行可以有效保证数据安全和稳定性。同时,Cloud Studio 也可以更方便地进行版本控制和代码管理,提高开发效率和代码质量。
  6. 费用和效率:Cloud Studio 通过升降配置,可以更合理使用成本和提高效率。同时,Cloud Studio 也可以更方便地进行部署和维护,减少了开发人员的工作量。

部分建议希望后续能够加强:

  1. 由于 Cloud Studio 产品是一款新兴的产品,社区支持相对较弱。用户在使用过程中可能会遇到一些问题和困难,需要自己进行摸索和解决,可能会带来一些不便和障碍。
  2. 加强产品的创新与技术研发,持续优化产品性能和用户体验。
  3. 支持更多的编程语言和框架:当前网站支持的编程语言和框架不能够满足所有用户的需求。可以考虑支持更多的编程语言和框架,提高平台的适用性和可扩展性。比如PHP在建站方面有非常大的需求,强烈增加php环境
  4. 提供更加优化的性能和稳定性:目前网站的性能和稳定性还有进一步提升的空间,有时候可能会出现一些卡顿和崩溃等问题。为了提高用户的使用体验,建议考虑优化平台的性能和稳定性。

最后希望 Cloud Studio 可以开发更多的功能,让大家一起探索 ,实现未来式开发!

参考文献

cloudstudio官方文档

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/73979.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【LeetCode每日一题】——766.托普利茨矩阵

文章目录 一【题目类别】二【题目难度】三【题目编号】四【题目描述】五【题目示例】六【题目提示】七【题目进阶】八【解题思路】九【时间频度】十【代码实现】十一【提交结果】 一【题目类别】 矩阵 二【题目难度】 简单 三【题目编号】 766.托普利茨矩阵 四【题目描述…

【雕爷学编程】MicroPython动手做(30)——物联网之Blynk 2

知识点:什么是掌控板? 掌控板是一块普及STEAM创客教育、人工智能教育、机器人编程教育的开源智能硬件。它集成ESP-32高性能双核芯片,支持WiFi和蓝牙双模通信,可作为物联网节点,实现物联网应用。同时掌控板上集成了OLED…

FPGA项目设计:数字时钟

项目要求: 设计一个数字时钟,数码管前两位显示小时,数码管中间两位显示分钟,数码管后面两位显示秒。 项目设计: 系统框架图: 计数模块时序图: 代码实现: 计数模块: /…

通向架构师的道路之apache_tomcat_https应用

一、总结前一天的学习 通过上一章我们知道、了解并掌握了Web Server结合App Server是怎么样的一种架构,并且亲手通过Apache的Http Server与Tomcat6进行了整合的实验。 这样的架构的好处在于: 减轻App Server端的压力,用Web Server来分压…

Linux下基于Dockerfile构建镜像应用(1)

目录 基于已有容器创建镜像 Dockerfile构建SSHD镜像 构建镜像 测试容器 可以登陆 Dockerfile构建httpd镜像 构建镜像 测试容器 Dockerfile构建nginx镜像 构建镜像 概述: Docker 镜像是Docker容器技术中的核心,也是应用打包构建发布的标准格式。…

计算机视觉与图形学-神经渲染专题-ConsistentNeRF

摘要 Neural Radiance Fields (NeRF) 已通过密集视图图像展示了卓越的 3D 重建能力。然而,在稀疏视图设置下,其性能显着恶化。我们观察到,在这种情况下,学习不同视图之间像素的 3D 一致性对于提高重建质量至关重要。在本文中&…

在linux上面部署activemq

1、下载 网址:ActiveMQ 注意:新版本5.17起 要求jdk11, 5.16兼容jdk8, 所以,确保已经安装 java11 或以上的版本 这里安装较新版:5.18.2,已经安装了java17 如何安装jdk17,请详见我的另一篇文章:linux…

Git分布式版本控制工具和GitHub(一)--简介

一.Git概述 1.Git简介 【1】什么是Git? Git就是代码版本管理工具。 【2】为什么要使用Git (1)版本控制 写代码就是不断写BUG的过程(当然我们是不会这么说的),很多时候你写了100行代码之后,突然醒悟&…

Python高阶技巧 设计模式

设计模式 设计模式是一种编程套路,可以极大的方便程序的开发。 最常见、最经典的设计模式,就是我们所学习的面向对象了。 除了面向对象外,在编程中也有很多既定的套路可以方便开发,我们称之为设计模式: 单例、工厂…

windows系统之WSL 安装 Ubuntu

WSL windows10 以上才有这个wsl功能 WSL: windows Subsystem for Linux 是应用于Windows系统之上的Linux子系统 作用很简单,可以在Windows系统中获取Linux系统环境,并完全直连计算机硬件,无需要通过虚拟机虚拟硬件 Windows10的W…

41. linux通过yum安装postgresql

文章目录 1.下载安装包2.关闭内置PostgreSQL模块:3.安装postgresql服务:4.初始化postgresql数据库:5.设置开机自启动:6.启动postgresql数据库7.查看postgresql进程8.通过netstat命令或者lsof 监听默认端口54329.使用find命令查找了一下postgresql.conf的配置位置10.修改postgre…

DLA :pytorch添加算子

pytorch的C extension写法 这部分主要介绍如何在pytorch中添加自定义的算子(例如,您可能希望 使用您在论文中找到的新颖激活函数,或实现操作 您作为研究的一部分进行了开发。),需要以下cuda基础。就总体的逻辑来说正向传播需要输入数据&#…

【消息中间件】原生PHP对接Uni H5、APP、微信小程序实时通讯消息服务

文章目录 视频演示效果前言一、分析二、全局注入MQTT连接1.引入库2.写入全局连接代码 二、PHP环境建立总结 视频演示效果 【uniapp】实现买定离手小游戏 前言 Mqtt不同环境问题太多,新手可以看下 《【MQTT】Esp32数据上传采集:最新mqtt插件(支…

C# XML文档相关操作

C# 创建XML文档 XML文档知识点创建XML文档向XML中追加读取XML文档读取带属性的XML文档删除节点 XML文档知识点 XML 是可扩展的标记语言 XML:用来存储数据 注意点:XML是严格区分大小写的,XML标签也是成对出现的 XML文档有且只能有一个根节点;…

【Java】Springboot脚手架生成初始化项目代码

Springboot配置生成初始化项目代码可以通过mvn的mvn archetype:generate 和阿里云原生应用脚手架(地址)、spring官方提供的start初始化生成页面(地址)。 1、mvn archetype:generate 通过mvn选择对应的脚手架可以快速生成初始化代码&#xf…

C高级--day2(用户相关操作 磁盘相关操作 shell脚本 修改环境变量)

#include<myhead.h>void fun(int n) {if(n>9){fun(n/10);printf("%d\t",n%10);putchar(10);return;}else{printf("%d\n",n%10);return;} } int main(int argc, const char *argv[]) {int num;printf("请输入一个整数&#xff1a;");sca…

2023华数杯数学建模A题思路分析 - 隔热材料的结构优化控制研究

# 1 赛题 A 题 隔热材料的结构优化控制研究 新型隔热材料 A 具有优良的隔热特性&#xff0c;在航天、军工、石化、建筑、交通等 高科技领域中有着广泛的应用。 目前&#xff0c;由单根隔热材料 A 纤维编织成的织物&#xff0c;其热导率可以直接测出&#xff1b;但是 单根隔热…

CRM系统如何进行公海池线索分配自动化?

在销售过程中&#xff0c;线索分配是一个非常重要的环节。传统的线索分配方式往往是由销售主管手动进行&#xff0c;不仅效率低下&#xff0c;还存在着不公平、不灵活的问题。因此&#xff0c;许多企业通过CRM来实现公海池线索分配自动化。 1、基于规则的分配 CRM可以让用户设…

Java课题笔记~Maven基础

2、Maven 基础 2.1 Maven安装与配置 下载安装 配置&#xff1a;修改安装目录/conf/settings.xml 本地仓库&#xff1a;存放的是下载的jar包 中央仓库&#xff1a;要从哪个网站去下载jar包 - 阿里云的仓库 2.2 创建Maven项目

SequenceDiagram 查看代码时序图的利器,做技术方案必备!

前言 “ 无论是快速了解业务流程&#xff0c;还是快速的熟悉系统的业务代码逻辑&#xff0c;以及各个类和方法等的调用关系&#xff0c;时序图无疑是其中一种不可获取的简便快捷的方式。一起来了解下&#xff0c;IDEA如何快速生成时序图吧。” 工作中&#xff0c;经常需要绘制…