一、element ui的安裝
1.在項(xiàng)目中打開cmd命令窗口，輸入命令---- npm i element-ui -S命令
圖1
安裝成功：
圖2
2.安裝成功，將其引入到自己的項(xiàng)目中，具體操作步驟如下：
在main.js文件中 引入 element 組件? ：
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
?Vue.use(ElementUI)
圖3
二、問題總結(jié)：
（1）如何判斷element ui是否安裝成功
1.查看配置文件package.json，是否有element-ui組件的版本號(hào) 如下圖：
圖3
2.安裝成功后 ，在node_modules中可以看到 element-ui的文件夾 ，所有安裝的源文件可以在這里面找到
圖4
問題2：當(dāng)引入文件element ui時(shí)，會(huì)報(bào)錯(cuò)--解決問題
圖1
圖2
原因：這樣的報(bào)錯(cuò)是配置文件中缺少處理這類文件的包
解決辦法：
打開webpack.config.js-->加入下面代碼
{
? test: /\.(ttf|woff2|woff|eot)$/,
? ? ? ? loader: 'file-loader',
? ? ? ? options: {
? ? ? ? ? ? name: '[name].[ext]?[hash]'
? ? ? ? }
? ? }
圖3
如果加了這段代碼還報(bào)錯(cuò)----對(duì)比rules中的內(nèi)容，看是否還缺少別的，
圖4
注意：每次更改webpack.config.js文件時(shí)，都需要重新啟動(dòng)項(xiàng)目文章來源：http://www.zghlxwxcb.cn/news/detail-416904.html
知識(shí)補(bǔ)充：安裝淘寶鏡像的方法：
地址：https://www.cnblogs.com/happybread/p/8117442.html文章來源地址http://www.zghlxwxcb.cn/news/detail-416904.html
到了這里，關(guān)于vue怎么安裝element-ui教程的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
