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