配置Svelte云式视频教程

概述

学习安装配置丝绸云社区开发库环境这将使你能够使用云状系统上传、管理并显示应用中的资产

视频教程

教程内容

本教程介绍以下题目点击时标跳转到视频那部分

导 言

0: 00	Svelte是一个现代JavaScript框架,设计用于建设Web应用,SvelteKit为构建全栈应用提供方便选择丝绸云帮助开发者管理并优化应用媒体文件

更多关于斯维特云

0:23	Svelte云化提供获取组件优化修改媒体文件并启动客户端媒体上传Cloudinary提供节点jsSDK服务器端整合Svelte应用,特别有助于管理图像上传像用户表格视频教程聚焦SvelteSDK在现有Svelte应用内搭建使用

安装配置Svelte云

1:04	第一步是安装Svelte云m安装Svelte-Cloudary.安装后设置环境变量env.local或.env文件使用格式VITE_PUBLIC_CLOUDINARY_CLOUD_NAME="[Your Cloud Name]".找寻你云名上你云式机板.

Cldimage组件

1:23	现在,你可以开始使用云形专心点克隆图像组件.使用导入{cldImaage}导出从svelte-cludio中使用标准图像标签克隆图像.源码传递图像公共标识例子中公有云图像标识为dem/red-sheker

设置宽高度属性

1:46	还需要定义宽度和高度属性以避免布局移位配置能保证图像优化,图像格式定制设备,显著压缩文件大小

图像优化

1:50	打开网络标签并刷新页面以检查图像格式和大小克隆图像组件.使用时会注意到克隆图像图像小化并使用最优浏览器格式

CldImaage显示多图像

2:23	使用以下样本代码制作多图像克隆图像组件.

删除后台

2: 30	可调用不同的云特征克隆图像组件.举个例子,使用删除后台特征(你需要后台清除附加面向此特征)

重叠

2:45	其它特征包括叠加,例如向图像添加文本水印检查CldImaage配置页面可接受属性和值

---

继续学习

狦尺舧 砛尺舧

查查云学院免费自步云式课程开发者或DAM专题或注册正规教程虚拟或现场课程