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

猜你喜欢

转载自blog.csdn.net/qq_23834457/article/details/84997571