【笔记】TDesign学习笔记

发表于 更新于 阅读次数：

前言

为设计师 & 开发者，打造工作美学（官网）

React

下载依赖

1
npm i tdesign-react

使用组件

1
2
3
4
5
6
7
8
9
10
import { Button } from "tdesign-react"
import "tdesign-react/es/style/index.css"

function Home() {
  return (
      <Button></Button>
  );
}

export default Home;

Vue

下载依赖

Vue2.6及以前

1
npm install tdesign-vue

Vue2.7及以后

1
npm install tdesign-vue@naruto

引入并注册组件

全量引入

1
2
3
4
5
6
7
8
9
10
11
12
import Vue from "vue"
import App from "./App.vue"
import TDesign from "tdesign-vue"
import "tdesign-vue/es/style/index.css"

Vue.config.productionTip = false
Vue.use(TDesign);

const app = new Vue({
  render: h => h(App),
});
app.$mount('#app');

按需引入

使用组件

1
2
3
<template>
  <t-button></t-button>
</template>

完成