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)

总结

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

您可能感兴趣的文章:

vue2.0的计算属性computed和watch的区别及各自使用场景解读
这篇文章主要介绍了vue2.0的计算属性computed和watch的区别及各自使用场景，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2023-01-01
vue-cli axios请求方式及跨域处理问题
这篇文章主要介绍了vue-cli axios请求方式及跨域处理问题,文中还给大家提到了vue中axios解决跨域问题和拦截器使用，非常不错，具有参考借鉴价值，需要的朋友参考下吧
2018-03-03
Vue脚手架的创建超详解步骤
这篇文章主要给大家介绍了关于Vue脚手架创建的相关资料,Vue脚手架是vue官方提供的标准化开发工具(平台),文中通过代码以及图文介绍的非常详细,需要的朋友可以参考下
2024-01-01
vue-video-player 断点续播的实现
这篇文章主要介绍了vue-video-player 断点续播的实现,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2021-02-02
vue 解决报错问题小结
最近入门vue,用字节跳动的arco初始化一个项目的时候报错自己解决后没来的及截图,从别人那拷贝个网图把,是一样的报错,本文给大家分享vue 解决报错问题小结,感兴趣的朋友一起看看吧
2023-09-09
vuex + axios 做登录验证并且保存登录状态的实例
今天小编就为大家分享一篇vuex + axios 做登录验证并且保存登录状态的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2018-09-09
vue-cli3访问public文件夹静态资源报错的解决方式
这篇文章主要介绍了vue-cli3访问public文件夹静态资源报错的解决方式，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2020-09-09
vuex中的四个map方法的使用小结
vuex里面有四个map方法，他们分别可以针对不同的元素进行不同的代码生成，本文就来详细的介绍一下vuex中的四个map方法，具有一定的参考价值，感兴趣的可以了解一下
2023-05-05
Vue vxe-table使用问题收录小结
这篇文章主要为大家介绍了Vue vxe-table使用问题收录小结,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
2023-09-09
Vite打包项目后图片丢失的简单解决方法
vue项目完成打包上线的时候很多人都会碰到静态资源找不到的情况,下面这篇文章主要给大家介绍了关于Vite打包项目后图片丢失的简单解决方法,需要的朋友可以参考下
2023-05-05