docs: 组件引入增加相关代码示例 (#750)

docs/zh/guide/quick-start.md

@@ -30,6 +30,58 @@ import { CloseCircleFilled } from '@fesjs/fes-design/icon';
 </script>
 ```
 
-## 按需
+## 组件引入
 
-默认按需
+### 全局部分导入
+
+```js
+import { FButton } from '@fesjs/fes-design';
+app.use(FButton);
+```
+
+### 全局完整导入
+
+```js
+import FesDesign from '@fesjs/fes-design'
+app.use(FesDesign)
+```
+
+### 手动导入
+
+```vue
+<template>
+    <FButton>我是 FButton</FButton>
+</template>
+<script setup>
+import { FButton } from '@fesjs/fes-design'
+</script>
+```
+
+### 按需导入
+
+以 Vite 为例。
+
+```js
+// vite.config.ts
+
+import { defineConfig } from 'vite';
+import Components from 'unplugin-vue-components/vite';
+
+export default defineConfig({
+    // ...
+    plugins: [
+        Components({
+            resolvers: [
+                (componentName) => {
+                    if (componentName.match(/^(F[A-Z]|f-[a-z])/)) {
+                        return {
+                            name: componentName,
+                            from: '@fesjs/fes-design',
+                        };
+                    }
+                },
+            ],
+        }),
+    ],
+});
+```