使用 `fig-ui`

本节将介绍如何在项目中使用 fig-ui。

环境支持

当前封装所使用的库版本

# NPM
npm install fig-ui-vue

# Yarn
yarn install fig-ui-vue

# pnpm
pnpm install fig-ui-vue

fig-ui 将会在Vue应用中进行全局组件注册。

// main.ts
import { createApp } from 'vue'
import figUi from 'fig-ui-vue'
import 'fig-ui/dist/style.css'

const app = createApp(App)

app.use(figUi)

需要在使用组件的地方手动对 fig-ui 进行导入。

<template>
  <componentName></componentName>
</template>

<script setup>
  import { componentName } from 'fig-ui-vue'
</script>

关于原生库

组件库打包时会对第三方包如 vue 进行 externals 处理，所以务必保证使用组件的项目中导入必须要的第三方库。