vue从入门到女装？？：从零开始搭建后台管理系统（一）安装框架教程手册安装及运行都是基于node的，不会node的可以

本文已参与「新人创作礼」活动，一起开启掘金创作之路。

教程手册

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

项目效果预览：

npm i element-ui -S

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

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

如果失败可以这样尝试：


npm init

npm install

npm i element-ui -S

npm install axios --save

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

npm install echarts -S

vue项目编译会自动解析sass，平时用sass开发需要自己编辑，一般idea都有解析插件，没有的推荐用koala编译

安装好之后使用：

注意scss和sass的语法区别，scss是用传统花括号，sass是缩进控制，看个人习惯选择语言

sass语法看这里==》sass基本语法


npm install mockjs

npm install vuex --save

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

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

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