Vue项目中如何安装element组件

更新时间：2024年02月08日 09:54:38 作者：_蓝胖子

这篇文章主要介绍了Vue项目中如何安装element组件问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

Element UI 简介

Element UI 是一套基于 Vue 的桌面端组件库，封装好了很多常用的 UI 组件

开发者可以使用 ElementUI 快速搭建一个网站，只有安装了vue后才可以使用Element UI。

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)

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

关于uniapp的高级表单组件mosowe-form
这篇文章主要介绍了关于uniapp的高级表单组件mosowe-form,由于一些表单标签改来改去比较繁琐，重复性很多，且样式布局啥的几乎万变不离其中，为了偷懒，开发了mosowe-form及mosowe-table两款高级组件,需要的朋友可以参考下
2023-04-04
Vue3中reactive丢失响应式的问题解决(避大坑!)
这篇文章主要给大家介绍了关于Vue3中reactive丢失响应式的问题解决,vue3中reactive定义的引用类型直接赋值导致数据失去响应式 ,需要的朋友可以参考下
2023-07-07
vue 微信授权登录解决方案
这篇文章主要介绍了vue 微信授权解决方案，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-04-04
vue项目预览excel表格功能(file-viewer插件)
这篇文章主要介绍了vue项目预览excel表格功能(file-viewer插件),本文分步骤结合实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
2023-10-10
vue中el-autocomplete与el-select的异同
本文主要介绍了vue中el-autocomplete与el-select的异同，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2022-05-05
vite中的glob-import批量导入的实现
本文主要介绍了vite中的glob-import批量导入的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2023-07-07
关于vue-color-颜色选择器插件
这篇文章主要介绍了关于vue-color-颜色选择器插件，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-09-09
vue基于element-china-area-data插件实现省市区联动
省市区联动在日常开发中用的非常多，本文就介绍一下vue基于element-china-area-data插件实现省市区联动，具有一定的参考价值，感兴趣的可以了解一下
2022-04-04
vue实现全选功能
这篇文章主要为大家详细介绍了vue实现全选功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-10-10
Vue MVVM模型超详细讲解
MVVM是Model-View-ViewModel的缩写，MVVM是一种设计思想，这篇文章主要介绍了Vue生命周期和MVVM框架,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2022-11-11