Vue项目中如何安装element组件
作者：_蓝胖子
这篇文章主要介绍了Vue项目中如何安装element组件问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
Element UI 简介
Element UI 是一套基于 Vue 的桌面端组件库，封装好了很多常用的 UI 组件
开发者可以使用 ElementUI 快速搭建一个网站，只有安装了vue后才可以使用Element UI。
官网：Element
1. 安装element-ui
在项目终端输入以下代码完成element-ui的安装
npm i element-ui -S
常用缩写
- i ：安装指令，全拼：install
- -S：生产环境，全拼：--save
- -D：开发环境，全拼：--save—dev
- -O：可选依赖，全拼：--save—optional
- -E：精确安装指定模块版本，全程：--save—exact
- -g：全局安装，全拼：--global
2. 检查是否安装成功
查看配置文件package.json，是否有element-ui组件的版本号
安装成功后，在node_modules中会自动初始化一个 element-ui文件夹 ，所有安装的源文件都在这里
3. 引用element-ui组件
在main.js文件中输入以下代码，引入element
import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' Vue.use(ElementUI)
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。