vue项目实战

1.创建项目

vue init webpack projectName

2.安装elementUI

https://element.eleme.cn/#/zh-CN/component/installation

main.js 引入wlwmentUi

// 引入 element mui
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css';
//全局注入项目
Vue.use(ElementUI);

3.引入router

import router from './router'

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>'
})

4.安装less语法

npm i less  --安装less
npm i less-loader@5.0.0 --安装less解析器

5.安装echarts

npm install echarts -S
或者使用淘宝的镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install echarts -S

在main.js引入

// 引入echarts
import echarts from 'echarts'
Vue.prototype.$echarts = echarts

卸载新版本echarts

npm uninstall echarts

重装版本5.0以下的Echarts，这里我装的是4.9的

npm install echarts@4.9.0

6.安装axios

https://javasoho.com/axios/index.html#axios