版權聲明：本文爲博主原創文章，未經博主允許不得轉載。 https://blog.csdn.net/qq_29480353/article/details/80695024
新搭建一個vue項目，使用elementui框架，當然先安裝sass
npm install sass-loader node-sass -D
接下來就是elementui的自定義的操作步驟啦
1、安裝自定義主題工具
npm install element-theme -g
2、安裝chalk主題
npm install element-theme-chalk -D
3、初始化變量文件
et -i
結果：√ Generator variables file
根目錄下生產文件element-variables.scss
4、修改主題色
在element-variables.scss文件裏修改$–color-primary:#6FC493(即你想要的顏色)
5、編譯主題
輸入et
結果如下：
√ build element theme
√ build theme font
根目錄會生成一個theme的文件夾
6、引入自定義主題
main.js裏import ‘../theme/index.css’
當然elementui也需要引入
7、測試
通過按鈕就可以測試是否更換了主題
<el-button type="primary">主要按鈕</el-button>