【玩转 Cloud Studio】React Run on Cloud Studio
前言
看到了腾讯云开发者社区联合腾讯云 Cloud Studio 团队发起【玩转 Cloud Studio】有奖调研征文活动,有幸来体验一下。
What is Cloud Studio
Cloud Studio 是基于浏览器的集成式开发环境(IDE),为开发者提供了一个永不间断的云端工作站。用户在使用 Cloud Studio 时无需安装,随时随地打开浏览器就能使用。
微信登录以后可以看到快速初始化的各种模板。不得不说,快速初始化给开发或者测试都带来了极大的便利,方便快速配置不同项目所需的环境以及依赖。
我这里选择了框架模板里的React模板。React是一个非常强大和流行的开源JavaScript库,现在大多数Web开发人员都在使用它,今天就拿它体验下。
React模板配置好,立刻就直接执行了
yarn
以及
yarn start
一点不拖泥带水 ,直接装好依赖跑起来了,这一点倒是令我听惊喜的,贴心的操作!
这里可以看到,整个Cloud Studio就是vscode的翻版,或者说是vscode的web端,该有的功能都有,不过相较于客户端vscode
受限于电脑的网络以及配置,有时装个依赖老费劲或者跑个项目卡死,云上Cloud Studio就不会为此担心,操作很流畅,运行也很极速,云上Cloud Studio开发未来必定是个趋势!
最后再探索一下Cloud Studio的插件功能。vscode 的插件就是vscode的灵魂,丰富的插件带来了开发的便利。这里看到Cloud Studio的插件和vscode一模一样,该有的都有,使用体验一样!
尝试写几句代码,看看插件的提示以及编译器的编译速度
这里用react-hook 重写了App.js
import React, { useState } from 'react';
function App() {
const [count, setCount] = useState(0);
return (
<div>
<p>You clicked {count} times</p>
<button onClick={() => setCount(count + 1)}>啦啦啦</button>
</div>
);
}
export default App
重写过程中,代码提示很给力,写起来很快。编辑器也在同步更新,反应也很快!
总结
Cloud Studio 体验完全不输客户端开发,关键是无需安装,随时随地打开浏览器就能使用。这对于我这种开发人员还是很用的,假如有一天,项目出现问题,自己身边没有配置好环境的开发设备,Cloud Studio发挥作用的机会就来了,能解燃眉之急!期待Cloud Studio开发大趋势到来的那一天!
相关文章
- Cloud Studio高阶玩家:强大的YAML模板
- 【玩转 Cloud Studio】 初次体验 Cloud Studio
- Cloud Studio尝鲜,在线构建vue3应用
- 【玩转 Cloud Studio】Cloud Studio 初使用
- 【玩转 Cloud Studio】还在开传统MC服务器?
- 【玩转 Cloud Studio】用 markdown 写笔记
- 【玩转 Cloud Studio】
- Spring Cloud版本冲突(java.lang.NoClassDefFoundError:org/springframework/boot/Bootstrapper)
- Spring Cloud Config 与其他组件集成(一)
- Spring Cloud Gateway负载均衡-加权随机策略
- 在生产环境中使用Spring Cloud Sleuth的注意事项(一)
- Spring Cloud Security的核心组件-JWT
- Spring Cloud Task 任务开发-定义任务输入和输出(二)
- 使用 Spring Cloud Data Flow 扩展自定义应用程序和任务(二)
- 有奖征文丨【玩转Cloud Studio】第二季来啦!
- Spring Cloud 入门教程(五): Ribbon实现客户端的负载均衡详解编程语言
- cloudUnlocking the Potential of Oracle Point Cloud.(oraclepoint)
- cloud database突破传统,选择云数据库:Oracle Cloud Database(naloracle)