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',进行中文语言支持