diff --git a/docs/zh/guide/quick-start.md b/docs/zh/guide/quick-start.md
index c5896915..2c83d73a 100644
--- a/docs/zh/guide/quick-start.md
+++ b/docs/zh/guide/quick-start.md
@@ -30,6 +30,58 @@ import { CloseCircleFilled } from '@fesjs/fes-design/icon';
```
-## 按需
+## 组件引入
-默认按需
+### 全局部分导入
+
+```js
+import { FButton } from '@fesjs/fes-design';
+app.use(FButton);
+```
+
+### 全局完整导入
+
+```js
+import FesDesign from '@fesjs/fes-design'
+app.use(FesDesign)
+```
+
+### 手动导入
+
+```vue
+
+ 我是 FButton
+
+
+```
+
+### 按需导入
+
+以 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',
+ };
+ }
+ },
+ ],
+ }),
+ ],
+});
+```