Vue項目中如何安裝element組件
更新時間：2024年02月08日 09:54:38 作者：_藍胖子
這篇文章主要介紹了Vue項目中如何安裝element組件問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
Element UI 簡介
Element UI 是一套基于 Vue 的桌面端組件庫，封裝好了很多常用的 UI 組件
開發(fā)者可以使用 ElementUI 快速搭建一個網(wǎng)站，只有安裝了vue后才可以使用Element UI。
官網(wǎng)：Element
1. 安裝element-ui
在項目終端輸入以下代碼完成element-ui的安裝
npm i element-ui -S
常用縮寫
- i ：安裝指令，全拼：install
- -S：生產(chǎn)環(huán)境，全拼：--save
- -D：開發(fā)環(huán)境，全拼：--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)
總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
關(guān)于uniapp的高級表單組件mosowe-form
這篇文章主要介紹了關(guān)于uniapp的高級表單組件mosowe-form,由于一些表單標簽改來改去比較繁瑣，重復(fù)性很多，且樣式布局啥的幾乎萬變不離其中，為了偷懶，開發(fā)了mosowe-form及mosowe-table兩款高級組件,需要的朋友可以參考下2023-04-04
Vue3中reactive丟失響應(yīng)式的問題解決(避大坑!)
這篇文章主要給大家介紹了關(guān)于Vue3中reactive丟失響應(yīng)式的問題解決,vue3中reactive定義的引用類型直接賦值導(dǎo)致數(shù)據(jù)失去響應(yīng)式 ,需要的朋友可以參考下2023-07-07
這篇文章主要介紹了vue 微信授權(quán)解決方案，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-04-04
vue項目預(yù)覽excel表格功能(file-viewer插件)
這篇文章主要介紹了vue項目預(yù)覽excel表格功能(file-viewer插件),本文分步驟結(jié)合實例代碼給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友參考下吧2023-10-10
vue中el-autocomplete與el-select的異同
本文主要介紹了vue中el-autocomplete與el-select的異同，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-05-05
vite中的glob-import批量導(dǎo)入的實現(xiàn)
本文主要介紹了vite中的glob-import批量導(dǎo)入的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-07-07
這篇文章主要介紹了關(guān)于vue-color-顏色選擇器插件，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09
vue基于element-china-area-data插件實現(xiàn)省市區(qū)聯(lián)動
省市區(qū)聯(lián)動在日常開發(fā)中用的非常多，本文就介紹一下vue基于element-china-area-data插件實現(xiàn)省市區(qū)聯(lián)動，具有一定的參考價值，感興趣的可以了解一下2022-04-04
這篇文章主要為大家詳細介紹了vue實現(xiàn)全選功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-10-10
MVVM是Model-View-ViewModel的縮寫，MVVM是一種設(shè)計思想，這篇文章主要介紹了Vue生命周期和MVVM框架,本文通過實例代碼給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-11-11