云化扩展社区库支持Svelte和Nuxt集成

云开发者经验团队欣然宣布云化正在扩展社区库支持范围,为Nuxt和Svelte生态系统启动两个新集成

DevX团队的目标之一是向开发者提供你所期望的框架和元框架支持另一点是确保云形开发者增强能力,提供通俗框架无缝整合

Svelte云和Nuxt云库成功发布Next.js社区库,使开发商能够方便地利用云专用API和SDKs的功用

Svelte以独有方式直接编译组件而非虚拟DOM更新DOM提供增强性能和完全响应代码与React和Vue等框架使用的虚拟DOM方法不同

开发者通过整合云式Nuxt和Svelte/SvelteKit项目,可利用图像变换、自动优化、响应交付等强效特征

SvelteKit扩展Svelte基础功能,因其速度而得到承认,特别是在内容丰富的项目中,展示出像Lext.js这样的框架边缘Nuxt.js理想使用Vue.js开发通用应用,自动配置路由,简化各类应用开发,包括静态应用、单页应用、移动应用和桌面应用

图书馆提供无缝方式提高用户经验、提高性能和优化媒体传播,同时简化开发过程

两库都配有核心CldImaage组件,允许用户用自动优化响应缩放云状资产并容易变换,如动态裁剪和重定大小、文本图像叠加、背景清除等

开发者应了解Svelte调试的独特挑战,因为Svelte缺少内置抽取功能,并了解构件模块性可靠性的潜在限制反之,Nuxt与Vue简化过程如导入,减少对常量人工导入的需要

优先安装Svelte云库

       m安装Svelte-Cloudary

svelte项目和sveltekit项目都可安装pnm软件包管理器

并增加一个新的环境变量env.local带云名文件 :

VITE_PUBLIC_CLOUDINARY_CLOUD_NAME="<贵族云头名称>...代码语言htmlXML高山市xml)

优先安装Nuxt云库

微信安装@nuxtjs/古典代码语言CSS系统高山市sss)

下一步向Nuxt配置添加模块

导出默认defineNuxtConfig{{模块化:['@nuxtjs/cloudinary'})代码语言CSS系统高山市sss)

并增加一个新的环境变量env.local带云名文件 :

CLOUDINARY_CLOUD_NAME="<贵族云头名称>...代码语言htmlXML高山市xml)

Cldimage组件有四种基本必备道具:scrc、宽度、高度和altSvelte云式和Nuxt云式都是一样的

流出道具使用组件如下:

<克隆图像src系统=...
           
            ...
           宽度=六百元高度显示=六百元平面图=...
           
            ...
           />代码语言htmlXML高山市xml)

学习可添加的其他变换物 查找CLDIGE组件文档

CldImaage与Svelte云

CldImaage与Nuxt云

除CLDIMage组件外,你还可以期望很容易使用CLDOGIMage组件构建社交媒体卡

向两个库添加更多特征, 开始实现Nuxt、Svelte和Next.js等值整合, 包括CldUploadWefts和CldVideoPlayer以方便上传和视频支持

跟踪进度报告题或获取帮助

• 丝绸云
• uxt云

再往下看,我们将向其他生态环境扩展同样的API

感谢Matías Hernández(Svelte)和Jakub Andrzejewski(Nuxt)创建和维护这些库

有特殊框架或元框架 您想看到我们支持上头云化社区完美分享问题、思想和建议

随心所欲并用Colby、Matias和Jakub云化社区不和服务器

• 科尔比:@colbyfayock
• Matias:@matias
• Jakub:@jakubandrzejewski

加入我们今天对话