关于node版本管理

1. 如果你是Windows用户，推荐使用nvm-windows
2. 如果你是Mac用户，推荐使用n或者fnm

node和vue要求

• vue>=3.2.0，node>=18.10.0

安装

npm

npm install @cztrina/design-vue

yarn

yarn add @cztrina/design-vue

pnpm

pnpm add @cztrina/design-vue

全量导入

main.js

import { createApp } from 'vue'
import App from './App.vue'
import TnDesV from '@cztrina/design-vue'
import '@cztrina/design-vue/es/theme-chalk/index.css'

const app = createApp(App)
app.use(TnDesV)
app.mount('#app')

按需导入

1. 安装unplugin-vue-components

npm

npm i unplugin-vue-components -D

yarn

yarn add unplugin-vue-components -D

pnpm

pnpm add unplugin-vue-components -D

2. vite.config.js 配置

vite.config.js

import { defineConfig } from 'vite'
import Components from 'unplugin-vue-components/vite'
import { tnsResolver } from '@cztrina/design-vue/lib/util/tnsResolver'

export default defineConfig({
  plugins: [
    Components({
      resolvers: [
        tnsResolver()
      ],
    }),
  ],
})