vue从入门到女装??:从零开始搭建后台管理系统(一)安装框架

安装及运行都是基于node的,不会node的可以自行百度,网上教程很多,也不难

项目效果预览:

demo1

demo2

vue从入门到女装??:从零开始搭建后台管理系统(一)安装框架

 

源码下载

开始安装框架:

vue
 
element-ui
 vue从入门到女装??:从零开始搭建后台管理系统(一)安装框架
注意如果报错安装失败就重新安装,不然虽然本地有element的依赖包但是可能会出一些奇怪的错误
另外element-ui虽然好用,但还是不稳定,建议多尝试,或者尝试自己开发常用组件
如果失败可以这样尝试:
npm init
npm install
npm i element-ui -S
 
axios
vue从入门到女装??:从零开始搭建后台管理系统(一)安装框架
echarts
图表插件,虽然很好用,但图表过多会导致项目很卡,注意不要全局引入
vue从入门到女装??:从零开始搭建后台管理系统(一)安装框架
sass
mock:用来模拟数据
npm install mockjs
vuex:npm install vuex --save
组件交互状态管理包,简单的父子组件通信需求不高的可以暂时不用这个
vue从入门到女装??:从零开始搭建后台管理系统(一)安装框架

一个简单的后台需要的依赖大概就以上,抛弃jquery,ES6的新语法完全够开发,而且很简洁

另外我的demo还用到了富文本编辑器vue-editor2,代码编辑器vue-codemirror,markdown编辑器vue-markdown,所以还需要别的安装依赖,有兴趣可以自己尝试

vue从入门到女装??:从零开始搭建后台管理系统(一)安装框架