在vue-cli中安裝element


在vue-cli中安裝elemnent-ui 的步驟

在安裝vue-cli 的基礎上進行安裝

1.npm i element-ui -S 安裝element-cli

安裝之后會在項目中的node_modules中出現element-ui文件夾

2.在main.js中進行以下步驟,手動添加一些引入

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
 
Vue.use(ElemsentUI)
 
此時你的element-ui已經安裝完成了
 
注:如果你發現node_modules中沒有element-ui文件夾,也不要慌張,還有一個地方可以知道你是否安裝成功了
 在package.json中dependencies中會有你安裝的element-ui的版本信息,如果沒有,則表示沒有安裝成功
 
因為頁面中加載css原因,可以使用按需加載,達到需要哪一部分,直接加載其部分即可
npm install  babel-plugin-component -D
 
在根目錄中找到.babelrc文件
進行修改:
 
 
 

 
在你的vue文件中,一行的結尾處不要有多余的空格,否則會在你運行的時候進行報錯
 
 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM