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 了 我们来试着用一下它的组件

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

然后 我们启动项目

我们的按钮就出来了

相关推荐
wtsolutions15 小时前
Understanding Excel Data Formats - What Excel to JSON Supports
ui·json·excel
da_vinci_x17 小时前
图标量产:从“手绘地狱”到“风格克隆”?Style Reference 的工业化实战
前端·游戏·ui·prompt·aigc·设计师·游戏美术
wtsolutions19 小时前
Using the Excel to JSON API - Programmatic Access for Developers
ui·json·xhtml
靓仔建21 小时前
用tdesign-vue-next的t-tree-select做个下拉单选框
javascript·vue.js·tdesign
weixin_402486341 天前
在adobe illustrator 上写latex code 显示数学公式 安装 LaTeX2Illustrator
ui·adobe·illustrator
航Hang*2 天前
Photoshop 图形与图像处理技术——第9章:实践训练2——变换花朵颜色与绘制正方体
图像处理·笔记·学习·ui·photoshop·期末·复习
航Hang*2 天前
Photoshop 图形与图像处理技术——第9章:实践训练5——文字和路径
图像处理·笔记·学习·ui·photoshop·期末
工业HMI实战笔记2 天前
HMI权限分级设计:兼顾安全与操作效率的平衡术
运维·数据库·安全·ui·自动化·人机交互·交互
世人万千丶2 天前
鸿蒙跨端框架 Flutter 学习 Day 4:网络交互——HTTP 请求基础与数据反序列化实战
网络·学习·flutter·ui·交互·harmonyos·鸿蒙