最近学习使用前端框架搭建一个简单的前后端分离的应用。在前端选择的时候对vue.js比较感兴趣,现在就将使用过程总结一下。
环境搭建
- node.js安装
$ brew install -g node
- Vue.js安装
cnpm 是npm国内镜像源,速度快一点,具体需做切换
$ cnpm install vue
- d2admin
开发一个后台管理应用,在选择UI的时候选择了d2admin框架,其中增加其d2-crud做为数据操作辅助框架
$ cnpm install -g @d2-admin/d2-admin-cli //框架安装
$ d2 create //创建项目
$ cnpm i element-ui @d2-projects/d2-crud -S //进入项目文件夹后安装d2-crud组件
- 添加echarts支持
$ cnpm install echarts -S /进入项目文件夹后执行
全局引入
main.js
// 引入echarts
import echarts from 'echarts'
Vue.prototype.$echarts = echarts