Lunter's blog
0%

Vue+ElementUI学习

发表于 分类于

ElementUI

Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。详见官网

安装

  • 安装nodejs

  • 安装脚手架环境

    npm install -g vue-cli
    npm install webpack -g

  • 创建一个基于webpack模板项目

    vue init webpack xxx(xxx为项目名)

  • 安装依赖

    npm install

  • 启动项目

    npm run dev

  • 安装element-ui

    npm i element-ui -S

  • 导入element-ui

    1
    2
    3
    import ElementUI from 'element-ui'
    import 'element-ui/lib/theme-chalk/index.css'
    Vue.use(ElementUI)		//全局使用ElementUI

使用

ElementUI官网提供了一系列组件,使用简单，体积小,可以快速上手。而且github上有个后台前端解决方案vue-element-admin项目，可以在此项目基础上进行修改来达到自己的使用目的。