vue2.6及以下版本导入 TDesign UI组件库

TDesign 官方文档:https://tdesign.tencent.com/vue/components/button

我们先打开一个普通的vue项目

然后 如果你是 vue 2.6 或者 低于 2.6 在终端执行

javascript 复制代码
npm i tdesign-vue

如果你是 2.7 或者更高 执行

javascript 复制代码
npm i tdesign-vue@naruto

这里 我们 以 2.6为例

因为大部分人 用vue2 都是选择 2.6

先引入一下依赖

然后 我们打开程序入口文件main.js

在里面加上下面这些代码

javascript 复制代码
import Tdesign from 'tdesign-vue'
import 'tdesign-vue/es/style/index.css';
Vue.use(Tdesign)

这样就OK 了 我们来试着用一下它的组件

例如 我们这里复制个按钮的代码

然后 我们启动项目

我们的按钮就出来了

相关推荐
未来的嗒嘀嗒4 分钟前
Axure是什么软件?全方位解读助力设计入门
ui·photoshop
wrx繁星点点2 小时前
状态模式(State Pattern)详解
java·开发语言·ui·设计模式·状态模式
SoraLuna11 小时前
「Mac畅玩鸿蒙与硬件28」UI互动应用篇5 - 滑动选择器实现
macos·ui·harmonyos
martian6651 天前
QT开发:掌握现代UI动画技术:深入解析QML和Qt Quick中的动画效果
开发语言·c++·qt·ui
初九之潜龙勿用1 天前
C#结合JS解决Word添加无效位图导致进程停滞的问题
javascript·ui·c#·word·asp.net
AI原吾1 天前
`psdparse`:解锁Photoshop PSD文件的Python密钥
python·ui·ai·photoshop·psdparse
赵锦川1 天前
nuiapp vue3 uni-ui uni.uploadFile 图片上传
javascript·vue.js·ui
dangoxiba1 天前
[Unity Demo]从零开始制作空洞骑士Hollow Knight第十八集:制作UI系统的主菜单界面和选择存档界面
ui
如风暖阳1 天前
浅谈UI自动化
ui·面试·自动化
番茄灭世神2 天前
Qt学习笔记第41到50讲
qt·ui·上位机