naive-plus

Naive Plus

一个基于 Vue3 和 NaiveUI 的组件库，旨在将逻辑都包装起来，开发者只需要通过配置即可实现复杂的业务功能

https://naiveplus.seepine.com

一、快速入门

1. 安装 naive-ui

naive-plus 基于 naiveUI 封装

npm i naive-ui -D

2. 安装 naive-plus

npm i naive-plus -D

3. 安装 unplugin

通过 unplugin-vue-components 和 unplugin-auto-import 来实现按需引入和自动导入

npm install -D unplugin-vue-components unplugin-auto-import

4. 按需引入

import AutoImport from 'unplugin-auto-import/vite';
import Components from 'unplugin-vue-components/vite';

import { NaiveUiResolver } from 'unplugin-vue-components/resolvers'

import { NaivePlusResolver } from 'naive-plus/resolver'

export default {
  plugins: [
    AutoImport({
       imports: ['vue'],
    }),
    Components({
      resolvers: [
        NaiveUiResolver(),
        // 添加按需引入
        NaivePlusResolver(),
      ],
    }),
  ],
};

5. 使用

<np-button>按钮</np-button>