百万级可视化开发进阶笔记——element ui和echarts的引入

安装element

element 官网:

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

百万级可视化开发进阶笔记——element ui和echarts的引入_第1张图片

npm i element-ui -S

百万级可视化开发进阶笔记——element ui和echarts的引入_第2张图片
百万级可视化开发进阶笔记——element ui和echarts的引入_第3张图片
修改main.js

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

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

home.vue





运行一下
百万级可视化开发进阶笔记——element ui和echarts的引入_第4张图片
完全没有问题,很简单,部分安装看官网

echarts安装

https://echarts.apache.org/zh/tutorial.html#5%20%E5%88%86%E9%92%9F%E4%B8%8A%E6%89%8B%20ECharts

在这里插入图片描述
百万级可视化开发进阶笔记——element ui和echarts的引入_第5张图片
解决方法:

npm config rm proxy
npm config rm https-proxy

百万级可视化开发进阶笔记——element ui和echarts的引入_第6张图片
百万级可视化开发进阶笔记——element ui和echarts的引入_第7张图片
ok

你可能感兴趣的:(echarts,npm,前端,vue.js)