本文档介绍了如何在Vue项目中结合ElementUI和ECharts进行图表应用的搭建。首先，通过安装Node和cnpm，然后使用vue-cli创建项目。接着，详细讲解了如何配置路由、创建页面及引入ECharts，包括全局和局部引用的方式。同时，演示了如何引入和使用ElementUI组件。最后，提供了一些基本样式以完善页面展示。整个过程旨在帮助开发者快速构建具备图表展示能力的前端应用。
1， 环境搭建
1.1， Node环境
官方下载node
检查安装情况
node –v
npm –v
1.2， 安装cnpm
npm install –g cnpm --registry=https://registry.npm.taobao.org
1.3， 安装vue-cli
cnpm install vue-cli -g
2， 项目构建
vue init webpack ‘project-name’
创建成功后，进入项目根目录，初始化项目并运行
cnpm install
cnpm run dev
3， 查看项目目录
4， 创建页面相关文件夹
/src/page
内部创建页面文件
/src/page/index.vue
/src/page/ele.vue
配置路由 /src/router/index.js
5， 引入echarts
安装：cnpm install echarts –S
5.1全局引入
进入/src/main.js
import echarts fr
最低0.47元/天 解锁文章
4075
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
