Vue后台组件之Element

Element 饿了么前端出品的一套 Vue.js 后台组件库

官网： http://element-cn.eleme.io/#/zh-CN

脚手架快速搭建

官网上提供了非常基础的脚手架，如果我们使用官网的脚手架需要自己写很多代码比如登陆界面、主界面菜单等内容。 课程已经提供了功能完整的脚手架，我们可以拿过来在此基础上开发，这样可以极大节省我们开发的时间。

（1）解压vueAdmin-template-master

（2）在命令提示符进入vueAdmin-template-master目录，输入命令：

cnpm install

这样下载安装所有的依赖，几分钟后下载完成。

（3）输入命令：

npm run dev

运行后自动弹出浏览器。

工程结构解析

以下是主要的目录结构：

目录名称	存储内容
build	构建工程相关脚本
config	配置相关
src	工程源码
static	静态资源
src/api	访问后端API 常用
src/utils	工具类
src/views	页面 常用
src/router	路由

将config/index.js中的useEslint: false，关闭语法检查.

将src/main.js中的第七行改成import locale from 'element-ui/lib/locale/lang/zh-CN'，进行中文语言支持