【前端数据可视化】04 - vue-cli3 命令行下创建项目并安装ElementUI和ECharts

1. 创建项目

1.1 使用 vue create 项目名称

使用vue create 命令创建项目

1.2 使用空格选择或者取消选择

使用空格选择或者取消选择

1.3 这里选择 no

这里选择no

1.4 选择css 样式支持

选择`css` 样式支持

1.5 选择EsLint配置

选择EsLint配置

1.6 配置保存的地方

配置保存的地方

2. 取消 EsLint 对空格的检查

取消EsLint对空格的检查

3. 安装 Element UI

1. 使用命令 add element ,但是前提是需要切换到项目目录下。

vue add element

vue add element

4.安装 ECharts

1. 需要加上 -S 进行修饰:

cnpm i -S echarts

2. 安装 cnpm 使用如下命令 : 参考地址

npm install -g cnpm --registry=https://registry.npm.taobao.org

3. 在 main.js中引入和挂载

import ECharts from 'echarts'

Vue.prototype.$echarts = ECharts