VUE CLI 3.0 项目引入 ElementUI

ElementUI 官网: http://element-cn.eleme.io/#/zh-CN/component/installation

一、通过npm安装依赖包

1. 进入到项目目录,执行指令 : npm i element-ui -S

VUE CLI 3.0 项目引入 ElementUI

2. 安装成功后 package.json 中可以看到相关依赖,如下图:

VUE CLI 3.0 项目引入 ElementUI

二、在 main.js 文件中引入 elementui

说明: 样式文件得单独引用进来, reset.css 是样式重置文件,根据自己项目情况引入

VUE CLI 3.0 项目引入 ElementUI

至此,一个基于 Vue 和 Element 的开发环境已经搭建完毕,现在就可以编写代码了。各个组件的使用方法请参阅它们各自的文档。

备注:还有一种引入方式就是通过  vue-cli-plugin-element  插件进行引入,插件地址:https://github.com/ElementUI/vue-cli-plugin-element

上一篇:intellIJ IDEA配置maven相关问题记录


下一篇:【iCore3 双核心板_FPGA】实验二十一:Niosii——基于内部RAM建立第一个软核