diff --git a/.env.dev b/.env.dev
deleted file mode 100644
index 04e5a97..0000000
--- a/.env.dev
+++ /dev/null
@@ -1 +0,0 @@
-PUBLIC_PATH=/dist/
\ No newline at end of file
diff --git a/CNAME b/CNAME
new file mode 100644
index 0000000..10015c6
--- /dev/null
+++ b/CNAME
@@ -0,0 +1 @@
+vcc.surge.sh
diff --git a/demo/build.js b/demo/build.js
deleted file mode 100644
index a6ae373..0000000
--- a/demo/build.js
+++ /dev/null
@@ -1 +0,0 @@
-(function(e,t){"object"===typeof exports&&"object"===typeof module?module.exports=t():"function"===typeof define&&define.amd?define("vccui",[],t):"object"===typeof exports?exports["vccui"]=t():e["vccui"]=t()})(window,(function(){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s="41f5")}({"171d":function(e,t,n){var r=n("24fb");t=r(!1),t.push([e.i,".con[data-v-e799b902]{font-size:10px}.con .n[data-v-e799b902]{font-weight:600;color:red}",""]),e.exports=t},2185:function(e,t,n){var r=n("606f");"string"===typeof r&&(r=[[e.i,r,""]]),r.locals&&(e.exports=r.locals);var o=n("499e").default;o("f14ed572",r,!0,{sourceMap:!1,shadowMode:!1})},"24fb":function(e,t,n){"use strict";function r(e,t){var n=e[1]||"",r=e[3];if(!r)return n;if(t&&"function"===typeof btoa){var i=o(r),a=r.sources.map((function(e){return"/*# sourceURL=".concat(r.sourceRoot||"").concat(e," */")}));return[n].concat(a).concat([i]).join("\n")}return[n].join("\n")}function o(e){var t=btoa(unescape(encodeURIComponent(JSON.stringify(e)))),n="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(t);return"/*# ".concat(n," */")}e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n=r(t,e);return t[2]?"@media ".concat(t[2]," {").concat(n,"}"):n})).join("")},t.i=function(e,n,r){"string"===typeof e&&(e=[[null,e,""]]);var o={};if(r)for(var i=0;i<this.length;i++){var a=this[i][0];null!=a&&(o[a]=!0)}for(var s=0;s<e.length;s++){var c=[].concat(e[s]);r&&o[c[0]]||(n&&(c[2]?c[2]="".concat(n," and ").concat(c[2]):c[2]=n),t.push(c))}},t}},"41f5":function(e,t,n){"use strict";n.r(t);var r=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"con",attrs:{id:"app"}},[n("h1",[e._v(e._s(e.msg))]),n("h2",[e._v("Essential Links")]),n("h1",{staticClass:"n"},[e._v("曙光？")]),n("el-button",[e._v("Button")])],1)},o=[],i={name:"app",data(){return{msg:"Welcome to Your Vue.js App"}}},a=i;n("d404"),n("6a65");function s(e,t,n,r,o,i,a,s){var c,u="function"===typeof e?e.options:e;if(t&&(u.render=t,u.staticRenderFns=n,u._compiled=!0),r&&(u.functional=!0),i&&(u._scopeId="data-v-"+i),a?(c=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"===typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),o&&o.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(a)},u._ssrRegister=c):o&&(c=s?function(){o.call(this,(u.functional?this.parent:this).$root.$options.shadowRoot)}:o),c)if(u.functional){u._injectStyles=c;var f=u.render;u.render=function(e,t){return c.call(t),f(e,t)}}else{var l=u.beforeCreate;u.beforeCreate=l?[].concat(l,c):[c]}return{exports:e,options:u}}var c=s(a,r,o,!1,null,"e799b902",null),u=c.exports;"undefined"!==typeof window&&window.Vue&&window.Vue.component("yyl-npm-practice",u),u.install=function(e){e.component(u.name,u)};t["default"]=u},"499e":function(e,t,n){"use strict";function r(e,t){for(var n=[],r={},o=0;o<t.length;o++){var i=t[o],a=i[0],s=i[1],c=i[2],u=i[3],f={id:e+":"+o,css:s,media:c,sourceMap:u};r[a]?r[a].parts.push(f):n.push(r[a]={id:a,parts:[f]})}return n}n.r(t),n.d(t,"default",(function(){return v}));var o="undefined"!==typeof document;if("undefined"!==typeof DEBUG&&DEBUG&&!o)throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var i={},a=o&&(document.head||document.getElementsByTagName("head")[0]),s=null,c=0,u=!1,f=function(){},l=null,d="data-vue-ssr-id",p="undefined"!==typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());function v(e,t,n,o){u=n,l=o||{};var a=r(e,t);return h(a),function(t){for(var n=[],o=0;o<a.length;o++){var s=a[o],c=i[s.id];c.refs--,n.push(c)}t?(a=r(e,t),h(a)):a=[];for(o=0;o<n.length;o++){c=n[o];if(0===c.refs){for(var u=0;u<c.parts.length;u++)c.parts[u]();delete i[c.id]}}}}function h(e){for(var t=0;t<e.length;t++){var n=e[t],r=i[n.id];if(r){r.refs++;for(var o=0;o<r.parts.length;o++)r.parts[o](n.parts[o]);for(;o<n.parts.length;o++)r.parts.push(g(n.parts[o]));r.parts.length>n.parts.length&&(r.parts.length=n.parts.length)}else{var a=[];for(o=0;o<n.parts.length;o++)a.push(g(n.parts[o]));i[n.id]={id:n.id,refs:1,parts:a}}}}function m(){var e=document.createElement("style");return e.type="text/css",a.appendChild(e),e}function g(e){var t,n,r=document.querySelector("style["+d+'~="'+e.id+'"]');if(r){if(u)return f;r.parentNode.removeChild(r)}if(p){var o=c++;r=s||(s=m()),t=b.bind(null,r,o,!1),n=b.bind(null,r,o,!0)}else r=m(),t=_.bind(null,r),n=function(){r.parentNode.removeChild(r)};return t(e),function(r){if(r){if(r.css===e.css&&r.media===e.media&&r.sourceMap===e.sourceMap)return;t(e=r)}else n()}}var y=function(){var e=[];return function(t,n){return e[t]=n,e.filter(Boolean).join("\n")}}();function b(e,t,n,r){var o=n?"":r.css;if(e.styleSheet)e.styleSheet.cssText=y(t,o);else{var i=document.createTextNode(o),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(i,a[t]):e.appendChild(i)}}function _(e,t){var n=t.css,r=t.media,o=t.sourceMap;if(r&&e.setAttribute("media",r),l.ssrId&&e.setAttribute(d,t.id),o&&(n+="\n/*# sourceURL="+o.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */"),e.styleSheet)e.styleSheet.cssText=n;else{while(e.firstChild)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}},"606f":function(e,t,n){var r=n("24fb");t=r(!1),t.push([e.i,"#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}h1,h2{font-weight:400}ul{list-style-type:none;padding:0}li{display:inline-block;margin:0 10px}a{color:#42b983}",""]),e.exports=t},"6a65":function(e,t,n){"use strict";n("2185")},"90eb":function(e,t,n){var r=n("171d");"string"===typeof r&&(r=[[e.i,r,""]]),r.locals&&(e.exports=r.locals);var o=n("499e").default;o("8c7f17e8",r,!0,{sourceMap:!1,shadowMode:!1})},d404:function(e,t,n){"use strict";n("90eb")}})}));
\ No newline at end of file
diff --git a/demo/index.html b/demo/index.html
deleted file mode 100644
index 29a34e3..0000000
--- a/demo/index.html
+++ /dev/null
@@ -1,28 +0,0 @@
-<!DOCTYPE html>
-<html>
-
-<head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>Vue App</title>
-    <link href="/build.js" rel="preload" as="script">
-    <link rel="icon" type="image/png" sizes="32x32" href="/img/icons/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/img/icons/favicon-16x16.png">
-    <link rel="manifest" href="/manifest.json">
-    <meta name="theme-color" content="#4DBA87">
-    <meta name="apple-mobile-web-app-capable" content="no">
-    <meta name="apple-mobile-web-app-status-bar-style" content="default">
-    <meta name="apple-mobile-web-app-title" content="vue-component-creater-ui">
-    <link rel="apple-touch-icon" href="/img/icons/apple-touch-icon-152x152.png">
-    <link rel="mask-icon" href="/img/icons/safari-pinned-tab.svg" color="#4DBA87">
-    <meta name="msapplication-TileImage" content="/img/icons/msapplication-icon-144x144.png">
-    <meta name="msapplication-TileColor" content="#000000">
-</head>
-
-<body>
-    <div id="app"></div>
-    <script src="/build.js"></script>
-</body>
-
-</html>
\ No newline at end of file
diff --git a/demo/manifest.json b/demo/manifest.json
deleted file mode 100644
index c5972f4..0000000
--- a/demo/manifest.json
+++ /dev/null
@@ -1 +0,0 @@
-{"name":"vue-component-creater-ui","short_name":"vue-component-creater-ui","theme_color":"#4DBA87","icons":[{"src":"./img/icons/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"./img/icons/android-chrome-512x512.png","sizes":"512x512","type":"image/png"},{"src":"./img/icons/android-chrome-maskable-192x192.png","sizes":"192x192","type":"image/png","purpose":"maskable"},{"src":"./img/icons/android-chrome-maskable-512x512.png","sizes":"512x512","type":"image/png","purpose":"maskable"}],"start_url":".","display":"standalone","background_color":"#000000"}
\ No newline at end of file
diff --git a/demo/precache-manifest.9312fbe25eca40ea4453aa0e3600bbad.js b/demo/precache-manifest.9312fbe25eca40ea4453aa0e3600bbad.js
deleted file mode 100644
index 511495b..0000000
--- a/demo/precache-manifest.9312fbe25eca40ea4453aa0e3600bbad.js
+++ /dev/null
@@ -1,14 +0,0 @@
-self.__precacheManifest = (self.__precacheManifest || []).concat([
-  {
-    "revision": "88870b35b53b9734399c",
-    "url": "/build.js"
-  },
-  {
-    "revision": "52e7d3ac8275b87a8a9afaef009db523",
-    "url": "/index.html"
-  },
-  {
-    "revision": "6e533af5a378b6f5f8882e5663f51b8e",
-    "url": "/manifest.json"
-  }
-]);
\ No newline at end of file
diff --git a/demo/service-worker.js b/demo/service-worker.js
deleted file mode 100644
index ef78a2c..0000000
--- a/demo/service-worker.js
+++ /dev/null
@@ -1,34 +0,0 @@
-/**
- * Welcome to your Workbox-powered service worker!
- *
- * You'll need to register this file in your web app and you should
- * disable HTTP caching for this file too.
- * See https://goo.gl/nhQhGp
- *
- * The rest of the code is auto-generated. Please don't update this file
- * directly; instead, make changes to your Workbox build configuration
- * and re-run your build process.
- * See https://goo.gl/2aRDsh
- */
-
-importScripts("https://storage.googleapis.com/workbox-cdn/releases/4.3.1/workbox-sw.js");
-
-importScripts(
-  "/precache-manifest.9312fbe25eca40ea4453aa0e3600bbad.js"
-);
-
-workbox.core.setCacheNameDetails({prefix: "vue-component-creater-ui"});
-
-self.addEventListener('message', (event) => {
-  if (event.data && event.data.type === 'SKIP_WAITING') {
-    self.skipWaiting();
-  }
-});
-
-/**
- * The workboxSW.precacheAndRoute() method efficiently caches and responds to
- * requests for URLs in the manifest.
- * See https://goo.gl/S9QRab
- */
-self.__precacheManifest = [].concat(self.__precacheManifest || []);
-workbox.precaching.precacheAndRoute(self.__precacheManifest, {});
diff --git a/package.json b/package.json
index 8a352b7..fe21da8 100644
--- a/package.json
+++ b/package.json
@@ -3,10 +3,14 @@
   "description": "Low Code Generator -> Vue Component Creater",
   "version": "0.5.2",
   "private": false,
-  "keywords": ["low-code", "editor"],
+  "keywords": [
+    "low-code",
+    "editor"
+  ],
   "main": "./dist/vcc.umd.min.js",
   "scripts": {
     "serve": "vue-cli-service serve --open --port 8008",
+    "build:release": "vue-cli-service build",
     "build": "vue-cli-service build --target lib --name vcc ./src/components-v2/VCC.vue",
     "compileAndbuild:dev": "npm run compileComponent && vue-cli-service build",
     "lint": "vue-cli-service lint",
@@ -93,4 +97,4 @@
       "git add"
     ]
   }
-}
+}
\ No newline at end of file