（三）Vue入门：工程清理

 一、下载Visual Studio Code

本文使用的版本是VSCodeSetup-x64-1.47.1.exe

安装完毕之后，可能会存在黑屏。使用兼容性打开，就会正常了。

二、使用VS code打开vue工程

 

三、开启服务

打开命令行窗口，运行vue ui，在任务中，运行启动server，然后点击启动app。可以看到默认的页面（略）。

四、清理工程默认的内容

1、修改main.js，剩下这些基本内容：

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import './plugins/element.js'

Vue.config.productionTip = false

new Vue({
  router,
  render: h => h(App)
}).$mount('#app')

2、修改app.vue，剩下这些基本内容：

3、打开router文件夹，修改index.js，剩下这些基本内容：

import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

  const routes = [
]

const router = new VueRouter({
  routes
})

export default router

 4、删掉view下面默认的home.vue，about.vue，以及componets下面的helloworld.vue。

五、成功调用内容