【腾讯云 Cloud Studio 实战训练营】Cloud Studio 使用分享 及ant-desing-pro 项目创建
一、Cloud Studio简介及登录
1.简介
首先附上官网地址，有兴趣的同学可以前去官网查看学习。
Cloud Studio 是基于浏览器的集成式开发环境（IDE），为开发者提供了一个永不间断的云端工作站。用户在使用 Cloud Studio 时无需安装，随时随地打开浏览器就能在线编程。
Cloud Studio 作为在线 IDE，包含代码高亮、自动补全、Git 集成、终端等 IDE 的基础功能，同时支持实时调试、插件扩展等，可以帮助开发者快速完成各种应用的开发、编译与部署工作。
通过点击上方蓝色按钮就可以很方便的进行登录（并支持多种登录方式、也能与git关联），并且官官还每月送有3000min(50h)免费时常体验。
2.配置
标准型工作空间
规格为2核处理器，4G 存储，系统空间8G 0.1 元/分钟 每月赠送 3000 分钟 收费标准为 300 元/月
计算型工作空间
规格为4核处理器，8G 存储，系统空间16G，收费标准为600元/月
专业型工作空间
规格为8核处理器，16G 存储，系统空间32G，收费标准为1200元/月
3.已支持的框架列表
前端支持的框架：
React (Create React App)
React (UmiJS)
Vue (vue-cli-service）
Vite
Angular
Svelte
Preact
UmiJS
Ember
Nuxt.js
Hexo
Ionic Angular
Ionic React
后端支持框架：
Express
Koa
Fastify
NestJS
Malagu
4.待支持的框架列表
前端待支持的框架有：
Next.js
Gatsby
后端待支持的框架有：
Egg.js
接下来就准备开始实际体验吧。
二、应用场景及实战应用体验
按照官方的说法、Cloud Studio 在线编程工具适用于以下几个场景：我们依次体验一下效果如何。
1.快速启动项目
使用 Cloud Studio 的预置环境，您可以直接创建对应类型的工作空间，快速启动项目进入开发状态，无需进行繁琐的环境配置。
先来体验体验快速启动项目，
1.点击在"线编程"-->"云端开发环境"
2.点击快速体验
3.选择需要的模板创建
4.我这里选择了.NET进行，很快的生成了一套.net6的基础控件
5.我这里最简单的进行了复制了div，重启以后现实的也很快显示出来。
2.实时调试网页
Cloud Studio 内置预览插件，可以实时显示网页应用。当您的代码发生改变之后，预览窗口会自动刷新，这样您就可以在 Cloud Studio 内实时开发调试网页了。
针对第二个实时调试网页重新按照第一步的操作创建一个React 的项目。
我在这里直接加一个按钮可以简单刷新不需要重启项目就可以完成。
3.远程访问云服务器
Cloud Studio 支持连接自己的云服务器，这样就可以在编辑器中查看云服务器上的文件，进行在线编程和部署工作。
1.返回主页面，点击左下角的”新建工作空间“。
2.根据自己的实际情况输入相关内容，登录，可以进行云服务器文件的编译和部署
Note： Cloud Studio 云端 IDE（Web IDE/在线 IDE/Cloud IDE）目前支持 64 位 Ubuntu 16.04/18.04 和 CentOS 7。 目前 Cloud Studio 云端 IDE（Web IDE/在线 IDE/Cloud IDE）工作空间兼容 VS Code 1.71.0。
三、实战
上面的一些背景和基础大家都知道了，那么下面就来进行一个实际操作吧。这边新建一个ant-desing-pro的项目演示吧
简单介绍 Ant Design Pro 是基于 Ant Design 和 umi 的封装的一整套企业级中后台前端/设计解决方案，致力于在设计规范和基础组件的基础上，继续向上构建，提炼出典型模板/业务组件/配套设计资源，进一步提升企业级中后台产品设计研发过程中的『用户』和『设计者』的体验。随着『设计者』的不断反馈，我们将持续迭代，逐步沉淀和总结出更多设计模式和相应的代码实现，阐述中后台产品模板/组件/业务场景的最佳实践，也十分期待你的参与和共建。 详情参考 开箱即用的中台前端/设计解决方案 - Ant Design Pro
1.创建一个空项目,然后用npm 拉数据，步骤如下
我们提供了 pro-cli 来快速的初始化脚手架。
# 使用 npm npm i @ant-design/pro-cli -g
pro create myapp
选择 umi 的版本 ?
标签：pro,js,ant,Studio,体验,IDE,Cloud From： https://blog.51cto.com/u_15356289/7467975