delete hellowrold

babel.config.js

@@ -1,6 +1,9 @@
 module.exports = {
   presets: ["@vue/app"],
   plugins: [
-    ["import", { libraryName: "ant-design-vue", style: true }] // `style: true` 会加载 less 文件
+    [
+      "import",
+      { libraryName: "ant-design-vue", libraryDirectory: "es", style: true }
+    ] // `style: true` 会加载 less 文件
   ]
 };

src/App.vue

@@ -1,7 +1,7 @@
 <template>
   <div id="app">
+    <a-button>按钮</a-button>
     <div id="nav">
-      <a-button>hello world</a-button>
       <router-link to="/">Home</router-link> |
       <router-link to="/about">About</router-link>
     </div>
@@ -9,22 +9,4 @@
   </div>
 </template>
 
-<style lang="less">
-#app {
-  font-family: "Avenir", Helvetica, Arial, sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-align: center;
-  color: #2c3e50;
-}
-#nav {
-  padding: 30px;
-  a {
-    font-weight: bold;
-    color: #2c3e50;
-    &.router-link-exact-active {
-      color: #42b983;
-    }
-  }
-}
-</style>
+<style lang="less"></style>

src/main.js

@@ -1,8 +1,8 @@
 import Vue from "vue";
-import { Button } from "ant-design-vue";
 import App from "./App.vue";
 import router from "./router";
 import store from "./store";
+import { Button } from "ant-design-vue";
 
 Vue.config.productionTip = false;
 

src/views/Home.vue

@@ -1,18 +1,10 @@
 <template>
-  <div class="home">
-    <img alt="Vue logo" src="../assets/logo.png" />
-    <HelloWorld msg="Welcome to Your Vue.js App" />
-  </div>
+  <div class="home"></div>
 </template>
 
 <script>
-// @ is an alias to /src
-import HelloWorld from "@/components/HelloWorld.vue";
-
 export default {
   name: "home",
-  components: {
-    HelloWorld
-  }
+  components: {}
 };
 </script>