修改ElementUI源碼小計

在使用element-ui的時候，有些功能不能知足咱們的需求，就須要修改源碼來知足。閱讀官方給的教程，對於我這小菜鳥過於簡略，結合本身的實踐整理一下修改方法：

克隆element官方的倉庫到本地

git clone https://github.com/ElemeFE/el...

下載到本地以後安裝依賴包

cd element && npm install
npm run dev

依賴包安裝成後在 默認會在 http://localhost:8085/打開本地網頁，會看到element首頁

進入element文件夾，packages文件夾就是咱們要修改源碼的目錄文件夾

好比咱們進入 button文件夾裏面的src文件，找到button.vue，咱們修改class="el-button"，添加class="el-button el-button-customize"一個自定義的class,而後保存。切換本地element首頁，找到button組件，能夠用審查元素查看，就會看到class="el-button el-button-customize"已經被修改了。

切換到命令行工具 執行

npm run dist

命令行執行完畢，會在element文件夾裏面生成lib文件夾

複製lib文件夾到本身的項目目錄

找到node_modules並進入,找到element-ui文件夾替換裏面的lib文件夾

驗證是否成功

進入本身的項目文件目錄，打開並運行項目，而後找到任意的button組件，驗證button是否添加了自定義的el-button-customize 。