云层 Vue SDK

关于

Cloudinary Vue SDK允许您快速而轻松地将您的应用程序与Cloudinary集成. 努力地优化和改造你的云资产.

说明

这个Readme提供了基本的安装和使用信息.

目录

• 云层 Vue 3 SDK
  • 关于
    • 说明
  • 目录
  • 关键特性
  • 版本支持
  • 安装
    • 使用您最喜欢的软件包管理器( yarn, npm) 安装
  • 用法示例
    • 设置
    • 生成图像和视频元素
    • 高级插件特性
    • 文件上传
  • 捐款
  • 获得帮助
  • 关于云层
  • 额外资源
  • 许可证

关键特性

• 变形 财务报告和审定财务报表 优化 资产.
• 生成 图像 财务报告和审定财务报表 视频 标签.

版本支持

安装

使用您最喜欢的软件包管理器( yarn, npm) 安装

npm i @cloudinary/url-gen @cloudinary/vue

或者说

yarn add @cloudinary/url-gen @cloudinary/vue

用法示例

设置

<script type="module">
import { AdvancedImage, responsive } from "@cloudinary/vue"
import { CloudinaryImage } from "@cloudinary/url-gen/assets/CloudinaryImage";

export default {
  components: {
    AdvancedImage
  },
  data() {
    return {
      plugins: [responsive({steps: 100})],
      cldImg: new CloudinaryImage(
          "sample",
          {cloudName: "demo"}
      )
    };
  }
};
</script>

<template>
  <div>
    <p>text</p>
    <AdvancedImage :cldImg="cldImg" :plugins="plugins" />
  </div>
</template>

生成图像和视频元素

• 用于生成图像标记
• 用于生成图像标记

高级插件特性

• 见完整文件

我们建议在使用我们的插件以取得最佳效果时采用以下顺序:

[lazyload(), responsive(), accessibility(), placeholder()]

您可以略去任何插件, 但上面的顺序应该保留 .

文件上传

此 SDK 不提供文件上传功能, 但是有 从客户端上传的几种方法。 。 。 .

捐款

• 确保在当地进行测试(npm run test(中文(简体) )
• 打开公关,确保Travis测试合格

获得帮助

如果遇到问题或有问题,可以:

• 打开 Github 问题 (与SDK有关的问题)
• 开罚单 (与您的账户有关的问题)

关于云层

Cloudinary是一个强大的媒体API,用于网站和移动应用,Cloudinary使开发者能够高效地管理,转换,优化,并通过多个CDN传送图像和视频. 观众最终会享受到回应性和个人化的视觉媒体体验.

额外资源

• 云化转换和REST API 参考文献:综合参考文献,包括所有SDK的语法和示例.
• 媒体jams.dev: 由 Cloudinary 开发者编写和为 Cloudinary 开发者编写的 Bite- size- use- case 教程
• 德夫贾姆斯: Cloudinary开发商在YouTube上的播客.
• 云霄学院:免费自定进度的课程,由教官牵头的虚拟课程,以及现场课程.
• 代码探索者和特性演示文稿:一个一站式商店,供所有代码探索者使用,邮递员收藏,以及文件中发现的特性演示.
• 云层路线图:你有机会跟随,投票,或者建议接下来的Cloudinary应该发展什么.
• 云龙脸书社区:向其他云源开发者学习并提供帮助.
• 云层账户注册:自由云账户注册.
• 云层网站: 了解Cloudinary的产品,合作伙伴,客户,定价,等等.

许可证

根据麻省理工学院的许可被释放.