vue从入门到女装？？：从零开始搭建后台管理系统（一）安装框架

教程手册

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

项目效果预览：

demo1

demo2

 

源码下载

开始安装框架：

vue

==》vue-cli安装

 

element-ui

 

注意如果报错安装失败就重新安装，不然虽然本地有element的依赖包但是可能会出一些奇怪的错误

另外element-ui虽然好用，但还是不稳定，建议多尝试，或者尝试自己开发常用组件

如果失败可以这样尝试：

npm init

npm install

npm i element-ui -S

 

axios

echarts

图表插件，虽然很好用，但图表过多会导致项目很卡，注意不要全局引入

sass

==》sass安装

==》sass基本语法

mock：用来模拟数据

npm install mockjs

vuex：npm install vuex --save

组件交互状态管理包，简单的父子组件通信需求不高的可以暂时不用这个

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

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