【腾讯云 Cloud Studio 实战训练营】通过云IDE构建Web3项目_cloudide 培训

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Linux运维全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上运维知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip1024b （备注运维）

正文

在整个过程中，我们将学习到

• Cloud Studio 在项目中的作用
• 如何使用 Cloud Studio 进行项目环境初始化
• Cloud Studio 项目如何链接到 gitee 作为项目的管理仓库
• Cloud Studio 可能会出现的一些情况

二、 Cloud Studio 主要功能和应用场景

CloudStudio是一个基于浏览器的云端集成式开发环境，适用于多种应用场景，包括：

1. 快速启动项目：使用CloudStudio的预置环境，可以直接创建对应类型的工作空间，快速启动项目进入开发状态，无需进行繁琐的环境配置。
2. 实时调试网页：CloudStudio内置预览插件，可以实时显示网页应用。当您的代码发生改变之后，预览窗口会自动刷新，这样您就可以在CloudStudio内实时开发调试网页了。
3. 远程访问云服务器：CloudStudio支持您连接自己的云服务器，这样就可以在编辑器中查看云服务器上的文件，进行在线编程和部署工作。

三、Cloud Studio 实验前期准备

3.1. 打开官网

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

3.2. 注册 Cloud Studio：

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

1. 使用 CODING 账号授权注册/登录
2. 使用微信授权注册/登录
3. 使用 GitHub 授权注册/登录 （本文使用方式）

注册完成后就可以通过 CloudStudio 提供的模板进行项目构建了！！

四、构建Web3项目

这里我以博主之前开发的一个 web3 明信片项目为例，整个项目是 ts + react ，然后给大家进行产品演示，由于项目代码繁琐一点，就不具体到代码细节了，这是一个基于 Web3 技术的社交明信片项目，提供了一种新的收集和分享记忆的方式。项目使用了 Infura 作为节点服务，IPFS 进行数据的去中心存储以及使用 MetaMask 服务允许用户通过浏览器进行项目交互。并为设计者提供「创作者激励」。

项目效果如下：

4.1. 项目中技术栈

• Hardhat 是一个可以帮助开发人员快速、高效地编写、测试和部署以太坊智能合约的开发框架。
• Next.js 是一个基于React的服务器端渲染框架，它可以帮助开发人员构建高性能、可扩展的Web应用程序，并提供了一些开发工具和插件，方便开发人员进行快速开发和部署。
• Metamask 是一款以太坊钱包浏览器扩展程序，它可以帮助用户管理以太坊账户和进行区块链交易，同时提供了一些安全性和隐私保护功能，使得用户在去中心化应用中的交互更加方便和安全。
• IPFS 是一种去中心化的分布式文件系统，它可以帮助开发人员存储和访问各种类型的文件和数据，同时具有高度的可靠性、安全性和可扩展性，可以帮助开发人员构建更加可靠和安全的分布式应用程序。
• TypeScript 是一种开源的编程语言，它是JavaScript的一个超集，可以帮助开发人员编写更加可靠、易于维护的代码，同时提供了一些类型检查和代码提示功能，方便开发人员进行快速开发和调试。

4.2. 通过gitee管理代码并在CloudStudio上初始化环境

现在本地将项目上传到 gitee 仓库，方便后续在 CloudStudio 上初始化

然后我们回到 CloudStudio 进行空间创建，为这个项目搭建一个可以运行的环境，这里我们不需要通过模板进行创建，因为我们的项目不是在云IDE上现场开发，所以这里我们选择新建工作空间，然后选择输入仓库地址，选择开发环境为 React + node 18

点击新建就可以初始化环境了，效果如下：

4.3 运行预览项目

项目成功获取到之后开始准备运行和预览项目，通过CloudStudio的内置终端，然后运行以下命令进行依赖安装：

yarn install

依赖安装完后就可以开始启动了：

yarn start

右下角监控到有新的端口打开之后，就会弹出提示消息，然后可以通过打开内置预览，看到已经启动的项目

可以看到，和我们本地启动的是一模一样的，但是是不需要安装环境的，非常方便！

4.4 测试项目运行状况

启动虽然正常启动了，但是我们还是需要进行一些测试，看看新的环境中项目运行是否正常，这里我通过连接 metamask 进行登录测试

可以看到 connect 钱包是正常的，然后我们开始赠送一张明信片

这里会发现，这个环境是加载不出 ipfs 上面的图片的，所以运行不是那么完整

正常大概是这样：

但是整体功能是没有问题的，可能是因为网络相关问题，整体的运行体验还是不错的！！！

五、其他功能演示

5.1. 多人协作

协作发发起协作，发起者点击“开始协作”按钮，就可以生成协作邀请信息，发起者点击“再次复制链接”按钮，将下述信息粘贴发给需要参与项目的人员。同时，项目进入协作计时，计时显示在右上角控制面板中。邀请信息内容具体如下：“k9sec 邀请您加入工作空间协作。点击链接：https://cloudstudio.net/share/xxxxxx Cloud Studio MetaWork，就可以进行多人协作了！！

5.2. 使用 Git 进行版本控制并发布项目到gitee

这里我在 readme 中加入一段描述，并且准备commit到gitee仓库中

转到源代码管理模块，可以看到已经出现了我的修改，这里我们通过 commit 和 syncchange 就可以将修改同步了！非常的nice！

效果如下：

其他过多的功能就不一一介绍了，大家感兴趣的可以去官网浏览查看！！！

最全的Linux教程，Linux从入门到精通

======================

1. linux从入门到精通(第2版)

2. Linux系统移植

3. Linux驱动开发入门与实战

4. LINUX 系统移植 第2版

5. Linux开源网络全栈详解 从DPDK到OpenFlow

第一份《Linux从入门到精通》466页

====================

内容简介

====

本书是获得了很多读者好评的Linux经典畅销书**《Linux从入门到精通》的第2版**。本书第1版出版后曾经多次印刷，并被51CTO读书频道评为“最受读者喜爱的原创IT技术图书奖”。本书第﹖版以最新的Ubuntu 12.04为版本，循序渐进地向读者介绍了Linux 的基础应用、系统管理、网络应用、娱乐和办公、程序开发、服务器配置、系统安全等。本书附带1张光盘，内容为本书配套多媒体教学视频。另外,本书还为读者提供了大量的Linux学习资料和Ubuntu安装镜像文件，供读者免费下载。

本书适合广大Linux初中级用户、开源软件爱好者和大专院校的学生阅读，同时也非常适合准备从事Linux平台开发的各类人员。

需要《Linux入门到精通》、《linux系统移植》、《Linux驱动开发入门实战》、《Linux开源网络全栈》电子书籍及教程的工程师朋友们劳烦您转发+评论

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip1024b （备注运维）

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。**

需要这份系统化的资料的朋友，可以添加V获取：vip1024b （备注运维）
[外链图片转存中…(img-GAdH5Gh7-1713471960007)]

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！