VUE集成ElementUI开发

Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库,与VUE无缝集成,并且前端界面展示丰富,学习成本最小,应用广泛,Element不同于Bootstrap,Easyui,自Element产生之初即基于Vue,所以它具有得天独厚条件,与VUE兼容性最好,所以推荐使用Element作为前端开发工具

按照如下步骤,指导开发者快速建立Element+VUE开发环境和示例学习

1、使用Eclipse IDE的CodeMix插件创建Vue工程

VUE集成ElementUI开发_第1张图片

2、安装Element依赖

开启命令行,将当前目录转移到项目所在目录下
VUE集成ElementUI开发_第2张图片
运行
npm i element-ui -S

3、引用Element类库

VUE集成ElementUI开发_第3张图片

4、从Element官网复制示例代码到HelloWorld.vue

Element官网
https://element.eleme.cn

复制Table列表组件




5、运行前端项目

VUE集成ElementUI开发_第4张图片

6、使用浏览器测试效果

VUE集成ElementUI开发_第5张图片

你可能感兴趣的:(VUE)