unplugin-vue-components基础用法

2024-02-05 15:39:39 1812

地址:https://github.com/unplugin/unplugin-vue-components

安装:

npm i unplugin-vue-components -D

vite配置:

// vite.config.ts
import Components from 'unplugin-vue-components/vite'

export default defineConfig({
  plugins: [
    Components({ /* options */ }),
  ],
})

Components配置

Components({
  dts: true, // enabled by default if `typescript` is installed
})

重启后会在根目录生成components.d.ts

选择样式

选择布局
选择颜色
选择背景
选择背景