【腾讯云 Cloud studio 实战训练营】云端 IDE 构建移动端H5_h5页面内嵌小型ide

最新推荐文章于 2024-07-12 16:09:11 发布
最新推荐文章于 2024-07-12 16:09:11 发布
阅读量1k 收藏 9
点赞数 30
分类专栏： 程序员 文章标签： 腾讯云 ide 云计算
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_84247617/article/details/138432787
版权

一、写在前面

云端 IDE在很多场景都有应用，比如githup等平台都有集成。另外云端 IDE之前我也接触过类似的，并且也集成在了我们自己项目中。但是功能并不是很完善，可以进行在线开发，提交代码。但是整体效果并不是很佳。了解到腾讯云 Cloud studio，发现这个云端 IDE功能很多，并且十分稳定。

二、腾讯云 Cloud Studio（云端 IDE）

腾讯云云端开发环境 Cloud Studio 是基于浏览器的集成式开发环境（Integrated Development Environment，IDE），为开发者提供了一个稳定的云端工作站。用户在使用 Cloud Studio 时无需安装，随时随地打开浏览器就能使用。其功能包含代码高亮、自动补全、Git 集成、终端等 IDE 的基础功能，同时支持实时调试、插件扩展等，可以帮助开发者快速完成各种应用的开发、编译与部署工作。在这里插入图片描述

1、应用场景

（1）在线编程

Cloud Studio 内置丰富的开发环境，无需配置即可使用，只需打开浏览器，即可拥有完备的线上编程体验，基于 Web 端的代码编辑器，简洁的界面与全面的功能，非常适合在线施展编码潜能。

（2）腾讯云 SCF 平台集成

Cloud Studio 支持在线编辑、在线调试、持久化资源，为腾讯云 SCF 行业用户提供开发、测试到部署完整闭环的云原生开发体验。

2、产品优势

Cloud Studio 是腾讯云为用户打造的云端集成开发环境，其产品优势如下所示：

  • 全功能
    无需下载安装，随时随地开发编码，拥有媲美本地 IDE 的流畅编码体验。
  • 多环境
    内置 Node.js、Java、Python 等常见环境，也可以连接到云服务器进行资源管理。
  • 在线预览
    在线预览快速生成预览链接，方便分享他人展示项目或在线调试。
  • 兼容 VS Code 插件
    默认的配置无法满足需求，可以在线安装 VS Code 插件来增强使用体验。
  • 持久化和快速加载
    随开随写，随时保存，再也无需担心断电未保存，不浪费您的每一份灵感。

三、构建移动端H5

我们用云 IDE Cloud Studio 快速搭建还原一个移动端 H5 的页面，这里我们打算使用Vue3来实现，体验云 IDE 给我们带来的优势。最终结果如下图所示：
在这里插入图片描述

1、注册

腾讯云 Cloud studio官网注册账号即可，这里注册和登录 Cloud Studio 非常方便，提供了三种注册方式：

  • 使用 CODING 账号注册
  • 使用微信授权注册
  • 使用 GitHub 授权注册（本文使用方式）
    在这里插入图片描述

2、创建模版

Cloud Studio 控制台中罗列了常见的集成开发环境，支持了40+的多种模板（框架模板、云原生模板、建站模板），单击所需模板卡片即可进入对应环境中，也可以选择新建工作空间中的云服务器模式，连接云服务器进行开发环境搭建。这里我们选择Vue项目模版。
在这里插入图片描述

3、模版初始化

创建模版成功后，会进行模版初始化，会自动加载我们需要依赖，然后我们启动项目

yarn dev

接下来就看到项目的预览效果，如下：

4、开发移动端H5项目

（1）安装vant

yarn add vant@^3.6.12

（2）按需引入组件样式
在基于 vite、webpack 或 vue-cli 的项目中使用 Vant 时，可以使用 unplugin-vue-components 插件，它可以自动引入组件，并按需引入组件的样式。
相比于常规用法，这种方式可以按需引入组件的 CSS 样式，从而减少一部分代码体积，但使用起来会变得繁琐一些。如果业务对 CSS 的体积要求不是特别极致，我们推荐使用更简便的常规用法。

// —D表示安装到开发依赖中
yarn add -D unplugin-vue-components@^0.22.7

需要配置下vite.config.js文件，如下：

import { fileURLToPath, URL } from 'node:url'

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
// 引入以下2个库
import Components from 'unplugin-vue-components/vite';
import { VantResolver } from 'unplugin-vue-components/resolvers';

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    // 增加以下配置
    Components({
      // 不生成类型声明文件自己写
      dts: false,
      // 样式需要单独引入
      resolvers: [VantResolver({ importStyle: false })]
    }),
  ],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    }
  }
})

（3）安装 Less
Vite 和 Webpack 不同，不需要 less-loader 等，只需安装 less

yarn add -D less@^3.12.2

vite.config.js文件需要增加以下配置：

// 增加以下css配置代码
  css: {
    preprocessorOptions: {
      less: {
        javascriptEnabled: true,
      },
    },
  },

（4）安装 normalize
Normalize.css 是CSS重置的现代替代方案，可以为默认的HTML元素样式上提供了跨浏览器的高度一致性。相比于传统的CSS reset，Normalize.css是一种现代的、为HTML5准备的优质替代方案。

yarn add -D normalize.css@^8.0.1

（5）main.js引入相关库和包

 import { createApp } from 'vue'
import App from './App.vue'
// 按需引入 Vant
import { Tabbar, TabbarItem } from 'vant';
import 'vant/lib/index.css'
// CSS 重置的现代替代方案
import 'normalize.css/normalize.css'

// 实例化 Vue 实例
const app = createApp(App)

// 安装 Vant 相关使用插件
app.use(Tabbar);
app.use(TabbarItem);

// 挂载到 #app 节点
app.mount('#app')

（6）移动端适配

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <link rel="icon" href="/favicon.ico">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Vite App</title>
  </head>
  <body>
    <div id="app"></div>
    <script type="module" src="/src/main.js"></script>
    <!-- built files will be auto injected -->
    <script>
      // rem定义
      /\*
 720代表设计师给的设计稿的宽度，你的设计稿是多少，就写多少;100代表换算比例
 \*/
      getRem(375, 100);

      window.onresize = function() {
        getRem(375, 100);
      };

      function getRem(pwidth, prem) {
        var html = document.getElementsByTagName("html")[0];
        var oWidth =
        document.documentElement.clientWidth || document.body.clientWidth;
        html.style.fontSize = (oWidth / pwidth) \* prem + "px";
      }

      // 安卓机中，默认字体大小不让用户修改
      ;(function () {
        if (typeof WeixinJSBridge == 'object' && typeof WeixinJSBridge.invoke == 'function') {
          handleFontSize()
        } else {
          if (document.addEventListener) {
            document.addEventListener('WeixinJSBridgeReady', handleFontSize, false)
          } else if (document.attachEvent) {
            document.attachEvent('WeixinJSBridgeReady', handleFontSize)
            document.attachEvent('onWeixinJSBridgeReady', handleFontSize)
          }
        }

        function handleFontSize() {
          // 设置网页字体为默认大小
          WeixinJSBridge.invoke('setFontSizeCallback', {
            fontSize: 0,
          })
          // 重写设置网页字体大小的事件
          WeixinJSBridge.on('menu:setfont', function () {
            WeixinJSBridge.invoke('setFontSizeCallback', {
              fontSize: 0,
            })
          })
        }
      })()
    </script>
  </body>
</html>

（7）App.vue业务代码

<template>
  <div class="container">
    <van-nav-bar
      title="e租宝案"
      left-arrow
    />

    <div class="list\_box">
      <div class="list">
        <div class="list-head">开庭前准备 5</div>
        <div class="list\_item">
          <div class="list\_item-head">
            <van-checkbox v-model="radio" shape="square">核对证据原件并存档</van-checkbox>
            <div class="list\_item-head\_name">
              <div class="list\_item-head\_name-tag"></div>
              <div class="list\_item-head\_name-text">e租宝案</div>
            </div>
          </div>
          <div class="list\_item-info">
            <img class="list\_item-info\_img" style="display: block;" src="https://cs-res.codehub.cn/workspace/assets/icons/emberjs.svg" lazy-load alt="" />
            <div class="list\_item-info\_tag list\_item-info\_tag--gray">03-28 截止</div>
            <img class="list\_item-info\_clock" style="display: block;" src="https://cs-res.codehub.cn/vscode/serverless.svg" lazy-load alt="" />
          </div>
        </div>

        <div class="list\_item list\_item--blue">
          <div class="list\_item-head">
            <van-checkbox v-model="radio1" shape="square">调取并查阅案卷</van-checkbox>
            <div class="list\_item-head\_name">
              <div class="list\_item-head\_name-tag"></div>
              <div class="list\_item-head\_name-text">e租宝案</div>
            </div>
          </div>
          <div class="list\_item-info">
            <img class="list\_item-info\_img" style="display: block;" src="https://cs-res.codehub.cn/workspace/assets/icons/emberjs.svg" lazy-load alt="" />
            <div class="list\_item-info\_tag list\_item-info\_tag--blue">下周一 截止</div>
            <img class="list\_item-info\_clock" style="display: block;" src="https://cs-res.codehub.cn/vscode/serverless.svg" lazy-load alt="" />
          </div>
        </div>

        <div class="list\_item list\_item--orange">
          <div class="list\_item-head">
            <van-checkbox v-model="radio2" shape="square">领取传票并通知委托人</van-checkbox>
            <div class="list\_item-head\_name">
              <div class="list\_item-head\_name-tag"></div>
              <div class="list\_item-head\_name-text">e租宝案</div>
            </div>
          </div>
          <div class="list\_item-info">
            <img class="list\_item-info\_img" style="display: block;" src="https://cs-res.codehub.cn/workspace/assets/icons/emberjs.svg" lazy-load alt="" />
            <div class="list\_item-info\_tag list\_item-info\_tag--orange">明天 17:00 截止</div>
            <img class="list\_item-info\_clock" style="display: block;" src="https://cs-res.codehub.cn/vscode/serverless.svg" lazy-load alt="" />
          </div>
        </div>

        <div class="list\_item list\_item--red">
          <div class="list\_item-head">
            <van-checkbox v-model="radio3" shape="square">写委托书</van-checkbox>
            <div class="list\_item-head\_name">
              <div class="list\_item-head\_name-tag"></div>
              <div class="list\_item-head\_name-text">e租宝案</div>
            </div>
          </div>
          <div class="list\_item-info">
            <img class="list\_item-info\_img" style="display: block;" src="https://cs-res.codehub.cn/workspace/assets/icons/emberjs.svg" lazy-load alt="" />
            <div class="list\_item-info\_tag list\_item-info\_tag--red">2019-2-12 截止</div>
            <img class="list\_item-info\_clock" style="display: block;" src="https://cs-res.codehub.cn/vscode/serverless.svg" lazy-load alt="" />
          </div>
        </div>
      </div>
    </div>

    <van-tabbar v-model="active">
      <van-tabbar-item icon="comment-o">名片夹</van-tabbar-item>
      <van-tabbar-item icon="shop-o">官网</van-tabbar-item>
      <van-tabbar-item icon="user-o">我的</van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script>
export default {
  name: 'App',
  data() {
    return {
      active: 0,
      radio: false,
      radio1: false,
      radio2: false,
      radio3: false,
    };
  },
};
</script>

<style lang="less">
html,
body {
  // font-family: PingFangSC-Medium, PingFang SC, Arial, 'Microsoft Yahei', sans-serif;
  font-family: Arial, 'Microsoft Yahei', sans-serif;
  font-size: 0.14rem;
  // line-height: 0.24rem;
  color: #333;
  background: #f9f9f9;
  // iPhone 横屏默认会放大文字，设置text-size-adjust会解决这个问题
  -webkit-text-size-adjust: 100% !important;
  -moz-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
}

\* {
  outline-style: none !important;
}
</style>

<style lang="less" scoped>
.container {
  position: relative;
  min-height: 100vh;
  padding-bottom: 0.5rem;
  background: #fff;
}

.list_box {
  padding: 0.2rem 0.1rem;
  box-sizing: border-box;
  .list {
    padding: 0.1rem 0.1rem 0.3rem;
    box-sizing: border-box;
    background: #f4f4f4;
    width: 100%;
    border-radius: 3px;
    &-head {
      padding: 16px 15px 12px 0;
      box-sizing: border-box;
      font-size: 0.16rem;
    }
  }
}

.list_item {
  background: #fff;
  padding: 0.1rem;
  box-sizing: border-box;
  border-radius: 3px;
  margin-bottom: 0.1rem;
  &--gray {


### 一、网安学习成长路线图


网安所有方向的技术点做的整理，形成各个领域的知识点汇总，它的用处就在于，你可以按照上面的知识点去找对应的学习资源，保证自己学得较为全面。  
 ![在这里插入图片描述](https://img-blog.csdnimg.cn/aa7be04dc8684d7ea43acc0151aebbf1.png)


### 二、网安视频合集


观看零基础学习视频，看视频学习是最快捷也是最有效果的方式，跟着视频中老师的思路，从基础到深入，还是很容易入门的。  
 ![在这里插入图片描述](https://img-blog.csdnimg.cn/f0aeee2eec7a48f4ad7d083932cb095d.png)


### 三、精品网安学习书籍


当我学到一定基础，有自己的理解能力的时候，会去阅读一些前辈整理的书籍或者手写的笔记资料，这些笔记详细记载了他们对一些技术点的理解，这些理解是比较独到，可以学到不一样的思路。  
 ![在这里插入图片描述](https://img-blog.csdnimg.cn/078ea1d4cda342f496f9276a4cda5fcf.png)


### 四、网络安全源码合集+工具包


光学理论是没用的，要学会跟着一起敲，要动手实操，才能将自己的所学运用到实际当中去，这时候可以搞点实战案例来学习。  
 ![在这里插入图片描述](https://img-blog.csdnimg.cn/e54c0bac8f3049928b488dc1e5080fc5.png)


### 五、网络安全面试题


最后就是大家最关心的网络安全面试题板块  
 ![在这里插入图片描述](https://img-blog.csdnimg.cn/15c1192cad414044b4dd41f3df44433d.png)![在这里插入图片描述](https://img-blog.csdnimg.cn/b07abbfab1fd4edc800d7db3eabb956e.png)  



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

**[需要这份系统化资料的朋友，可以点击这里获取](https://bbs.csdn.net/topics/618540462)**

**一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！**
2401_84247617
关注
专栏目录
【腾讯云 Cloud Studio 实战训练营】GPT+Cloud Studio快速完成Excel工资自动核算
m0_64336780的博客
07-29 2万+
随着业务规模的不断扩大，工资核算变得更加复杂而重要。然而，仍有许多组织依赖传统的Excel方法进行工资核算，这可能导致效率低下、风险增加以及员工薪资的准确性受到影响。在这个数字化时代，我们面临一个关键问题：如何在面对庞大的数据量和高要求的准确性时，找到一种更智能、更高效的工资核算解决方案？这正是GPT技术和云集成开发环境（IDE）的结合所带来的创新。将人工智能引入工资核算领域，意味着我们可以让计算机自动处理和分析数据，从而减少人为错误的风险。
腾讯云轻量应用服务器如何搭建云端IDE环境？使用Theia IDE应用模板搭建云端IDE环境
云计算
03-03 380
通过上述步骤，您可以在腾讯云轻量应用服务器上搭建和使用Theia IDE应用模板，从而快速构建和运行云端IDE环境。
移动端h5工程搭建
快进小树林的博客
07-10 1083
这里我们选择esm/vue/typescript/browser/pnpm作为我们的项目配置，并安装typescript-eslint、eslint-plugin-vue（这里我们就不需要再安装vue-eslint-parser了，eslint-plugin-vue@9.26.0已经集成了该插件）此时工作空间多出了一个vite-ts的工程，接下来使用pnpm安装工程依赖（pnpm是一种高性能的依赖包管理工具，会把全局安装存储库，项目依赖放到存储库中，并在项目目录下增加软链链接到全局存储库的依赖包。
打破焦虑！AI 时代的程序员为什么需要云端 IDE？
最新发布
AI科技大本营
07-12 4210
【导读】靠 AI 简单加持的集成开发环境（IDE），真的满足你了吗？本文长度 13,000+ 字，作者将从 IDE 设计者和资深程序员的角度出发，深度剖析程序员心中对 IDE 的真正需求，给出 AI 时代下衡量 IDE 优劣的重要标准。本文整理自字节跳动豆包MarsCode团队技术专家天猪在2024 全球软件研发技术大会中的演讲，同时收录于《新程序员 008》。《新程序员 008》聚焦于大模型对...
H5+搭建移动端应用
丁爸的博客
06-26 6854
1. H5+搭建移动端应用 前两篇介绍了全栈系统里面后台和前端： 后台篇：Flask搭建后台 前端篇：Vue2.0搭建PC前端 项目线上地址：项目访问链接，账号：general 密码：general 今天讲述搭建全栈系统里面的移动端。本文讲述用Vue2.0 + mint-ui创建一个移动端APP，这属于全栈系统中的移动端，项目包含以下内容： 入口页面：定义登录页面和路由跳转 登录页面：实现系统登录功能 业务页面：写了两个业务页面1.> three.js加载gltf格式3D模型；2.> ech
Vue 搭建移动端 h5 项目步骤
热门推荐
前端开发者
08-04 3万+
Vue 搭建移动端 h5 项目步骤 简介 最近团队里的其他前端小伙伴需要自己搭建移动端 h5 项目，没有整体的思路，于是我就写了这个步骤。 准备阶段 确定项目 ui 框架 现阶段比较好的 Vue 移动端 ui 框架：vant ， vux， cube-ui，Mint-UI，Muse UI，NutUI 等。 选择css预处理样式语言，（vue-cli 里选择） less，sass，stylus都可以，vue-cli 3 后的版本对应的webpack 的loader都是配置好的，只需下载对应的包就好了。使
云端IDE——Cloud Studio（运行JavaDemo）
向阳而生
02-10 5166
目录  云端IDE：Cloud Studio及Coding WebIDE简介  试用实践  小结   云端IDE：Cloud Studio及Coding WebIDE简介          2018年4月16日，腾讯云与CODING宣布达成战略合作，共同发布以腾讯云云服务器为基础的国内第一款完全基于云端的IDE工具：Cloud Studio的beta版本。支持所有常用的开发环境。Cl...
云IDE：Coding的Cloud Studio
知行合一 止于至善
08-27 1730
CODING是国内最早进行云IDE工具开发的公司之一，在2018年4月，腾讯云与CODING宣布达成战略合作，共同发布以腾讯云云服务器为基础的国内第一款完全基于云端的IDE工具：Cloud Studio的beta版本。这篇文章整理一些相关内容，场景和特性说明部分主要摘自与其官方网站。
【腾讯云 Cloud Studio 实战训练营】从零开始搭建一个数据大屏
2301_78784268的博客
08-01 8427
在本篇博客中，我们将详细介绍 Cloud Studio 如和使用以及搭建数据大屏的步骤和流程。无论您是初学者还是有一定经验的开发者，我们相信本文都将为您提供有用的指导和启示。让我们一起开始这个令人兴奋的技术之旅吧！
云IDE：AWS Cloud 9
知行合一 止于至善
08-27 3237
AWS Cloud 9是最早商业化的云IDE，这篇文章整理和介绍一下AWS Cloud 9的一些内容，本文内容基本摘自于官方文档。
云原生微服务治理经典套件之Spring Cloud Alibaba核心技术与实战案例
Java 技术专栏，从入门到精通，熟悉企业级开发
09-27 9939
云原生的微服务治理需要结合具体业务场景和实际需要，综合考虑多方面因素，包括服务注册与发现、负载均衡、断路器、限流与降级、分布式配置管理、API网关、日志和监控等方面，制定合适的治理策略，实现服务的动态管理和优化。
H5页面移动端Vue项目搭建备忘
tomt_m的博客
11-13 885
这两天在搭一个移动端的项目，原本有一个用vuecli4搭的pc端的框子，就借来用，改了点内容。 axios和router,vuex,sass之前已经配置有了，记录一下改移动端，修改的内容： 1.移动端适配 因为很久没做了，查了下资料，之前只知道rem适配，但是现在更流行vwvh适配，就去做了。 参考了大佬的教程 ：vw适配方案 但是原项目里根本就没有装postcss的任何依赖，所以对着把所有依赖都装上了: npm i postcss-import postcss-url cssnano-preset-ad
我最喜欢的云 IDE 推荐！
CSDN云计算
03-13 3136
云IDE——这是我最喜欢的一种完全避免管理开发环境的新方法。作者 |David Kramer译者 |弯月，责编 | 郭芮头图 | CSDN 下载自东...
云端IDE-orion-che
明明的博客
03-16 1575
由于工作需要，研究在线的开发工具，所以就经过一番搜索查看注意到了eclipse的浏览器在线开发工具，我用的是windows系统，所以配置也是基于windows开展的。如果想要在linux或者是mac上搭建，可以到eclipse官网上进行查看。 eclipe提供了几款可以在线开发的开发工具，一下我们分别来看一下。   Orion： 我们只需要直接下载，打开后会看到一下目录：   打开...
1-H5端技术栈-移动端布局
金霖海的博客
07-14 534
可以根据不同的屏幕大小，设置rem和px之间换算比列，但是媒体查询实现比较繁琐,没办法考虑所有的设备尺寸。我们可以自己写一段js脚本，根据屏幕尺寸大小来动态设置html标签的font-size。语义化标签是H5新增的标签，主要用于网页布局,类似DIV标签,主要是为了提高可读性。(3)px to rem这个插件默认换算比例为 1rem = 16px。手机端屏幕尺寸太多了，无法以某个品牌为标准，最好是以苹果来参考。当你的原稿是750px，换算单位 1rem = 75px。页面字体大小默认是16个像素。
【云IDE】由 CSDN 开发的新产品，体验在线云开发编程，解决安装软件的麻烦
熊先森的博客
10-21 1470
云IDE是 CSDN 开发云为开发者打造的一款低代码开发产品，云端预制了常见的开发环境，无需下载安装，一键创建项目，灵活配置代码仓和云主机。同时支持在线安装 VS Code 插件来增强使用体验，支持从基础组件快速构建高阶组件，无需重新编写组件，提高研发效率。随时随地开发编码，拥有媲美本地 IDE 的流畅编码。
全云端开发体验！腾讯云发布 Serverless 云函数 Web IDE
腾讯云 Serverless
02-05 307
Serverless 云函数 SCF 在线编辑器没有终端？本地开发常用工具不能安装和使用？无法查看大文件？ Serverless Web IDE 的发布将为您解决以上所有问题。 Serverless Web IDE 是腾讯云 Serverless 和 CODING 深度合作推出的在线 IDE，基于 CODING 团队自主研发的在线集成开发环境 Cloud Studio，能够帮助开发者随时随地打开浏览器即可编写代码、拥有和本地 IDE 一样的流畅编辑体验，且无需繁杂的配置工作。 登录云函数 SCF 控制台查看
云IDE，它来啦！！！
weixin_56644618的博客
10-22 531
免费使用地址：点击，即可开始创建工作空间啦~还等什么，赶快使用吧~~~
Conflux Studio云端IDE工具发布
Conflux的博客
07-06 437
Conflux 成立三周年之际，黑曜石实验室发布 Conflux Studio云端 IDE 工具——Conflux Studio Web，使 Conflux Studio 成为一款可在浏...
CloudIDE：云端开发的新纪元——高效、智能与安全
"华为全联接大会2019的HC 2019 Session展示了CloudIDE，这是一种为开发者打造的高效、智能且可信的云端集成开发环境。CloudIDE基于轻量级架构，提供Visual Studio Code的编码体验，并支持多种主流编程语言。此外，它...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值