@hotjp 2018-01-09T14:27:37.000000Z 字数 835 阅读 1101

数据可视化工具

开发

运行环境

项目需要的node>=6,yarn

全局安装yarn

npm i -g yarn

在终端定位项目目录，package.json所在文件夹,执行环境安装

npm i

运行项目

npm run dev

打包发布项目至dist目录

npm run build

开发时的编码检查依赖eslint，请全局安装eslint和vue支持

npm i -g eslint eslint-plugin-vue

其他配置项在package.json中已声明依赖将自动安装

image.png-12kB

因展示要求兼容ie8+，单独分离了部分功能

页面名	访问地址	用户登录检测	描述
用户注册	/#/register	false
empty	/#/empty	false	空页面，控制重定向跳转
用户登录	/#/login	true
仪表盘	/#/	true	保留项
仪表盘	/#/dashboard/[:viewId]	true
图表编辑	/#/chart_editor/[:viewId]	true
数据源列表	/#/database	true
添加数据源	/#/database/add	true
数据视图列表	/#/dataview	true	添加，编辑都跳转到/data_editor/index.html

使用了babel编译ES2015，避免使用var关键字，推荐使用let，const等字面量声明，可以使用ES2015的各种语法：类，箭头函数，解构赋值等替换掉构造函数，立即执行函数和引入整个类库等。