Skip to content

快速开始

@falconix/fep 基础组件库

安装

shell
pnpm i @falconix/fep

配置

typescript
// vite.config.ts
import { FepResolver } from '@falconix/fep-resolver'
import vue from '@vitejs/plugin-vue'

export default defineConfig(() => {
  const env = checkAndLoadEnv()
  return {
    plugins: [
      AutoImport({
        resolvers: [FepResolver()],
      }),
      Components({
        resolvers: [FepResolver()],
      }),
      vue(),
    ],
  }
})

使用@falconix/fep-resolver之后,@falconix/fep会按需导入,所以不需要再完整导入fep

使用

基于 element-plus 进行扩展,基本使用方法请参考 element-plus 文档

vue
<script setup lang="ts">
function foo() {
  ElMessageBox.alert('I`m a FEP alert.')
}
</script>

<template>
  <el-button @click="foo">
    I`m a FEP Button.
  </el-button>
</template>