继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

VTJ.PRO实践:接入TailwindCSS

samchen08
关注TA
已关注
手记 8
粉丝 0
获赞 1

VTJ.PRO没有内置TailwindCSS,可以通过增加依赖的方式支持 TailwindCSS。

增加 TailwindCSS 依赖

打开设计器的依赖管理面板,点击 + 添加 TailwindCSS 依赖。

填写以下信息:

  • 包名:tailwindcss

  • 版本:4.2.2

  • 导出名称:tailwindcss

  • 资源文件:https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4?.js

https://img1.sycdn.imooc.com/a70d956909cf7c9831602034.jpg

测试验证

在设计器页面管理面板,新建一个页面,打开AI助手,输入提示词:

在当前页面使用 tailwindcss 做一个演示 tailwindcss 用法的页面

https://img1.sycdn.imooc.com/0218586909cf7cbe31602034.jpg

页面生成效果

https://img1.sycdn.imooc.com/7488ee6909cf7cda30244746.jpg

经过验证,TailwindCSS 已经成功接入到VTJ.PRO


参考资料


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP