VUE初学之路

编译环境：win10系统，vscode

• vue-cli的搭建
  1）安装node（在node官网上下载安装包进行安装）
  2）在全局安装vue-cli：（在步骤3的文件夹内进行的操作）
  之前安装过，但新建项目的时候报错了，按照提示更新了版本：
  npm uninstall vue-cli
  npm install -g @vue/cli
  安装上了4.x版本的vue-cli
  3）进入想要搭建vue-cli项目的文件夹内，按住Shift并单击右键，打开powershell（或进入vscode，新建终端）

$ vue init webpack <项目名称>

然后根据提示一步一步走下去，搭建好vue-cli的模板

• elament-ui的引入
  在工程文件夹中使用npm引入element-ui

$ npm install element-ui -save

随后在main.js文件中全局引入element-ui：

import Vue from 'vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import App from './App'
import router from './router'

Vue.config.productionTip = false
Vue.use(ElementUI)

new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>'
})