From c418cc055129197c632585c4bacfb6f842bd83cc Mon Sep 17 00:00:00 2001
From: haoziqaq <357229046@qq.com>
Date: Tue, 6 Apr 2021 14:29:39 +0800
Subject: [PATCH] =?UTF-8?q?fix(ui/collapse):=20=E9=87=8D=E5=91=BD=E5=90=8D?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E5=90=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

affects: @varlet/ui
---
 packages/varlet-ui/docs/quickstart.zh-CN.md   | 38 ++++++++++++++++++-
 .../collapse/{collapse.vue => Collapse.vue}   |  0
 2 files changed, 37 insertions(+), 1 deletion(-)
 rename packages/varlet-ui/src/collapse/{collapse.vue => Collapse.vue} (100%)

diff --git a/packages/varlet-ui/docs/quickstart.zh-CN.md b/packages/varlet-ui/docs/quickstart.zh-CN.md
index 55b6f79fbb5..7661523f53a 100644
--- a/packages/varlet-ui/docs/quickstart.zh-CN.md
+++ b/packages/varlet-ui/docs/quickstart.zh-CN.md
@@ -1 +1,37 @@
-# 快速开始
\ No newline at end of file
+# 快速开始
+
+## 介绍
+
+这里为您介绍常见开发模式下接入组件库的最基本方式。
+
+## 安装
+
+### CDN
+varlet.js包含组件库的所有样式和逻辑, 引入即可。
+
+```html
+<div id="app"></div>
+<script src="https://cdn.jsdelivr.net/npm/vue@next"></script>
+<script src="https://cdn.jsdelivr.net/npm/@varlet/ui/umd/varlet.js"></script>
+<script>
+  const app = Vue.createApp({
+    template: '<var-button>按钮</var-button>'
+  })
+  app.use(Varlet).mount('#app')
+</script>
+```
+
+### Webpack/Vite
+```shell
+# 通过npm或yarn安装
+# npm
+npm i @varlet/ui -S
+# yarn
+yarn add @varlet/ui
+```
+
+```js
+import Vue from 'vue'
+import Varlet from '@varlet/ui'
+
+```
\ No newline at end of file
diff --git a/packages/varlet-ui/src/collapse/collapse.vue b/packages/varlet-ui/src/collapse/Collapse.vue
similarity index 100%
rename from packages/varlet-ui/src/collapse/collapse.vue
rename to packages/varlet-ui/src/collapse/Collapse.vue