【前端数据可视化】04 - vue-cli3 命令行下创建项目并
2020-11-03 本文已影响0人
itlu
1. 创建项目
1.1 使用 vue create 项目名称
![](https://img.haomeiwen.com/i17394504/7cc605948daca8f0.png)
1.2 使用空格选择或者取消选择
![](https://img.haomeiwen.com/i17394504/1b1e12cfca44d1ff.png)
1.3 这里选择 no
![](https://img.haomeiwen.com/i17394504/48e3bb9eea04bda9.png)
1.4 选择css
样式支持
![](https://img.haomeiwen.com/i17394504/81badb128070ada6.png)
1.5 选择EsLint
配置
![](https://img.haomeiwen.com/i17394504/ba548a6ce9c1da76.png)
![](https://img.haomeiwen.com/i17394504/63606d79a0b2eaff.png)
1.6 配置保存的地方
![](https://img.haomeiwen.com/i17394504/aa595c0e3b354aa6.png)
2. 取消 EsLint
对空格的检查
![](https://img.haomeiwen.com/i17394504/b73a5d686dca6e7a.png)
3. 安装 Element UI
- 使用命令
add element
,但是前提是需要切换到项目目录下。
vue add element
![](https://img.haomeiwen.com/i17394504/098d7fc2e44822dc.png)
4.安装 ECharts
- 需要加上
-S
进行修饰:
cnpm i -S echarts
- 安装
cnpm
使用如下命令 : 参考地址
npm install -g cnpm --registry=https://registry.npm.taobao.org
- 在
main.js
中引入和挂载
import ECharts from 'echarts'
Vue.prototype.$echarts = ECharts