diff --git a/package.json b/package.json
index 122c596c..585adacc 100644
--- a/package.json
+++ b/package.json
@@ -4,6 +4,7 @@
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve --open",
+    "start": "vue-cli-service serve --open",
     "build": "vue-cli-service build",
     "lint": "vue-cli-service lint --fix",
     "test:unit": "vue-cli-service test:unit",
diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue
deleted file mode 100644
index 347413ce..00000000
--- a/src/components/HelloWorld.vue
+++ /dev/null
@@ -1,58 +0,0 @@
-<template>
-  <div class="hello">
-    <h1>{{ msg }}</h1>
-    <p>
-      For guide and recipes on how to configure / customize this project,<br>
-      check out the
-      <a href="https://cli.vuejs.org" target="_blank">vue-cli documentation</a>.
-    </p>
-    <h3>Installed CLI Plugins</h3>
-    <ul>
-      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" target="_blank">babel</a></li>
-      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint" target="_blank">eslint</a></li>
-      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-unit-jest" target="_blank">unit-jest</a></li>
-    </ul>
-    <h3>Essential Links</h3>
-    <ul>
-      <li><a href="https://vuejs.org" target="_blank">Core Docs</a></li>
-      <li><a href="https://forum.vuejs.org" target="_blank">Forum</a></li>
-      <li><a href="https://chat.vuejs.org" target="_blank">Community Chat</a></li>
-      <li><a href="https://twitter.com/vuejs" target="_blank">Twitter</a></li>
-    </ul>
-    <h3>Ecosystem</h3>
-    <ul>
-      <li><a href="https://router.vuejs.org" target="_blank">vue-router</a></li>
-      <li><a href="https://vuex.vuejs.org" target="_blank">vuex</a></li>
-      <li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank">vue-devtools</a></li>
-      <li><a href="https://vue-loader.vuejs.org" target="_blank">vue-loader</a></li>
-      <li><a href="https://github.com/vuejs/awesome-vue" target="_blank">awesome-vue</a></li>
-    </ul>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'HelloWorld',
-  props: {
-    msg: String
-  }
-}
-</script>
-
-<!-- Add "scoped" attribute to limit CSS to this component only -->
-<style scoped lang="scss">
-h3 {
-  margin: 40px 0 0;
-}
-ul {
-  list-style-type: none;
-  padding: 0;
-}
-li {
-  display: inline-block;
-  margin: 0 10px;
-}
-a {
-  color: #42b983;
-}
-</style>
diff --git a/src/components/core/register.js b/src/components/core/index.js
similarity index 100%
rename from src/components/core/register.js
rename to src/components/core/index.js
diff --git a/src/components/demo/d2-demo-page-header/index.vue b/src/components/demo/d2-demo-page-header/index.vue
deleted file mode 100644
index 5dae952d..00000000
--- a/src/components/demo/d2-demo-page-header/index.vue
+++ /dev/null
@@ -1,19 +0,0 @@
-<template>
-  <div class="d2-clearfix">
-    <span v-if="title" class="d2-fl">{{title}}</span>
-    <span class="d2-fr"></span>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'd2-demo-page-header',
-  props: {
-    title: {
-      type: String,
-      required: false,
-      default: ''
-    }
-  }
-}
-</script>
diff --git a/src/components/demo/register.js b/src/components/demo/index.js
similarity index 71%
rename from src/components/demo/register.js
rename to src/components/demo/index.js
index 30db88c6..fd43834c 100644
--- a/src/components/demo/register.js
+++ b/src/components/demo/index.js
@@ -3,5 +3,4 @@ import Vue from 'vue'
 import d2DemoLinkBtn from '@/components/demo/d2-demo-link-btn'
 
 Vue.component('d2-demo-link-btn', d2DemoLinkBtn)
-Vue.component('d2-demo-page-header', () => import('@/components/demo/d2-demo-page-header'))
 Vue.component('d2-demo-page-cover', () => import('@/components/demo/d2-demo-page-cover'))
diff --git a/src/components/index.js b/src/components/index.js
index b21692f3..c8745fcf 100644
--- a/src/components/index.js
+++ b/src/components/index.js
@@ -1,4 +1,4 @@
 // 核心组件
-import './core/register'
+import './core'
 // 非核心组件 只是在很多演示页面中用到的组件
-import './demo/register'
+import './demo'
diff --git a/src/views/demo/components/editor-quill/index.vue b/src/views/demo/components/editor-quill/index.vue
index ab1001cf..1cdd0fc1 100644
--- a/src/views/demo/components/editor-quill/index.vue
+++ b/src/views/demo/components/editor-quill/index.vue
@@ -1,6 +1,6 @@
 <template>
   <d2-container>
-    <d2-demo-page-header slot="header" title="基本示例"/>
+    <template slot="header">基本示例</template>
     <d2-quill
       style="min-height: 200px;"
       v-model="value"
diff --git a/src/views/demo/components/editor-simpleMDE/index.vue b/src/views/demo/components/editor-simpleMDE/index.vue
index b0f399fc..e36049ee 100644
--- a/src/views/demo/components/editor-simpleMDE/index.vue
+++ b/src/views/demo/components/editor-simpleMDE/index.vue
@@ -1,6 +1,6 @@
 <template>
   <d2-container>
-    <d2-demo-page-header slot="header" title="基本示例"/>
+    <template slot="header">基本示例</template>
     <d2-mde
       v-model="text"
       class="mde"/>
diff --git a/src/views/demo/plugins/mock/dpd.vue b/src/views/demo/plugins/mock/dpd.vue
index ec1234ba..782557d7 100644
--- a/src/views/demo/plugins/mock/dpd.vue
+++ b/src/views/demo/plugins/mock/dpd.vue
@@ -1,6 +1,6 @@
 <template>
   <d2-container>
-    <d2-demo-page-header slot="header" title="数据占位符"/>
+    <template slot="header">数据占位符</template>
     <d2-markdown :source="doc" class="d2-mb"/>
     <d2-demo-mock-card
       v-for="(item, index) in settingDPD"
diff --git a/src/views/demo/plugins/mock/dtd.vue b/src/views/demo/plugins/mock/dtd.vue
index 059e614c..3377a791 100644
--- a/src/views/demo/plugins/mock/dtd.vue
+++ b/src/views/demo/plugins/mock/dtd.vue
@@ -1,6 +1,6 @@
 <template>
   <d2-container>
-    <d2-demo-page-header slot="header" title="数据模板"/>
+    <template slot="header">数据模板</template>
     <d2-markdown :source="doc" class="d2-mb"/>
     <d2-demo-mock-card
       v-for="(item, index) in settingDTD"