chore(cli): extract create-vant-cli-app package

packages/create-vant-cli-app/generators/templates/src/demo-button/README.md

@@ -0,0 +1,43 @@
+# MyButton 按钮
+
+### 介绍
+
+MyButton 是一个示例按钮组件
+
+### 引入
+
+``` javascript
+import Vue from 'vue';
+import { MyButton } from 'demo-ui';
+
+Vue.use(MyButton);
+```
+
+## 代码演示
+
+### 基础用法
+
+```html
+<demo-button type="primary" />
+```
+
+## API
+
+### Props
+
+| 参数 | 说明 | 类型 | 默认值 |
+|------|------|------|------|
+| type | 按钮类型 | *string* | `primary` |
+| color `1.0.0` | 按钮颜色 | *string* | - |
+
+### Events
+
+| 事件名 | 说明 | 回调参数 |
+|------|------|------|
+| click | 点击时触发 | event: Event |
+
+### Slots
+
+| 名称 | 说明 |
+|------|------|
+| default | 默认插槽 |

packages/create-vant-cli-app/generators/templates/src/demo-button/demo/index.vue

@@ -0,0 +1,11 @@
+<template>
+  <demo-section>
+    <demo-block title="基础用法">
+      <demo-button type="primary" style="margin-left: 15px;">按钮</demo-button>
+    </demo-block>
+
+    <demo-block title="自定义颜色">
+      <demo-button color="#03a9f4" style="margin-left: 15px;">按钮</demo-button>
+    </demo-block>
+  </demo-section>
+</template>

packages/create-vant-cli-app/generators/templates/src/demo-button/index.less

@@ -0,0 +1,3 @@
+.test {
+  color: red;
+}

packages/create-vant-cli-app/generators/templates/src/demo-button/index.vue

@@ -0,0 +1,31 @@
+<template>
+  <button class="demo-button">
+    <slot />
+  </button>
+</template>
+
+<script>
+export default {
+  name: 'demo-button',
+
+  props: {
+    color: String,
+    type: {
+      type: String,
+      default: 'primary'
+    }
+  }
+};
+</script>
+
+<style lang="less">
+.demo-button {
+  min-width: 120px;
+  color: #fff;
+  font-size: 16px;
+  line-height: 36px;
+  background-color: #f44;
+  border: none;
+  border-radius: 30px;
+}
+</style>

packages/create-vant-cli-app/generators/templates/src/demo-button/test/index.spec.js

@@ -0,0 +1,7 @@
+import { mount } from '@vue/test-utils';
+import DemoButton from '..';
+
+test('render demo button', () => {
+  const wrapper = mount(DemoButton);
+  expect(wrapper).toMatchSnapshot();
+});