element官網(wǎng)：https://element.eleme.cn/#/zh-CN/component/custom-theme
雖然element官網(wǎng)上面寫了如何修改主題的樣式拌喉，也很詳細(xì)，但是說實(shí)話有的地方難得看懂俐银，不知道是我自己的問題尿背，還是大家都有這個(gè)疑惑，而且我百度搜索出來的文章也是千篇一律捶惜，最后還是我自己踩坑嘗試才解決田藐，所以這篇文章也是獻(xiàn)給那些童鞋們，讓你們不踩坑哦吱七！
1.安裝element主題生成工具
npm i element-theme --save
2.安裝chalk主題
npm i element-theme-chalk -D
3.初始化變量文件
根目錄下汽久，打開git命令工具，輸入et -i
在根目錄下面踊餐，會(huì)自動(dòng)生成element-variables.scss文件
image.png
element-variables.scss文件內(nèi)容如下
image.png
4.修改主題樣式
我們直接修改element-variable.scss文件夾的內(nèi)容景醇，比如顏色，高度...
修改完成之后吝岭，在git命令工具中輸入 et
image.png
輸入 et之后三痰，出現(xiàn)如下兩行代碼，即代表編譯完成
項(xiàng)目的根目錄中就會(huì)生成them文件夾
image.png
刷新頁面窜管，我們修改樣式就生效了
記住散劫，每次修改element-variable.scss里面的樣式之后，都需要在git中輸入命令
et進(jìn)行重新編譯幕帆，之后我們修改的樣式才可生效
