vue脚手架创建及插件的安装
1.vue的创建
vue init webpack myproject进行vue脚手架创建,具体步骤参考https://www.cnblogs.com/zhupanpan/p/9450044.html
2.添加插件element-ui
npm i element-ui -s下载插件element-ui,下载完插件后再main.js里面添加
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)
3.添加axios
npm install axios --save-dev下载插件axios,下载完插件后再main.js里面添加
import axios from 'axios';
Vue.prototype.$http = axios;
4.添加less
npm install less less-loader --save安装容易报错,
是因为less-loader的版本太高了,必须降版本,
npm uninstall less 删除安装的less
npm install less@3.9.0 安装指定的less版本
npm uninstall less-loader 删除安装的less-loader
npm install less-loader@5.0.0 安装指定的less-loader版本
5.添加echarts
npm install echarts --save安装后,在main.js里面添加
import echarts from ‘echarts’
Vue.prototype.$echarts = echarts
在cmd中运行出现一下错误
是因为echarts的版本太高,查看版本npm is echarts
卸载echarts:npm uninstall echarts
安装指定版本的echarts:npm install echarts@4.9.0