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

时间:2022-02-03 14:19:08

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

项目效果预览:

demo1

demo2

源码下载

开始安装框架:

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从入门到女装:从零开始搭建后台管理系统(一)安装框架