vue-cli + vue 2.0 + element-ui + vue-router + echarts.js back office systems development project Tutorial

First, the first to use npm create framework vue project: 

1, install cli-VUE:    $ npm install --global VUE-cli

2, initialize the project: $ npm init webpack project name

3, installed in the project directory element-ui-dependent:

$ Asl element and -S-ui 

import ElementUI from 'element-ui' 

 import 'element-ui/lib/theme-chalk/index.css'

Vue.use (cells)

4, the introduction echarts.js charting library:

$ npm install echarts --save  

import echarts from 'echarts'

Vue.prototype. $ Echarts = echarts

5, start creating project

Projects address created by an individual: GitHub Address: https://github.com/HLHAOGH/myrepository/tree/HLHAOGH-patch-1

6, parts of the system screenshot:

 

 

Guess you like

Origin www.cnblogs.com/hlhao/p/11420913.html