修改element-ui主題色

命令行主題工具
1、
安裝主題工具
在自己安裝目錄下 執行 npm install element-theme --dev
2、
安裝chalk主題
npm install element-theme-chalk -D
3.
初始化變量文件
主題生成工具安裝成功後,如果全局安裝可以在命令行裏通過 et 調用工具,如果安裝在當前目錄下,需要通過 node_modules/.bin/et 訪問到命令。執行 -i 初始化變量文件。默認輸出到 element-variables.scss,當然你可以傳參數指定文件輸出目錄。

node_modules/.bin/et -i
在這裏插入圖片描述
4、
修改主題色
直接在element-variables.scss裏面修改樣式
5、
編譯主題
node_modules/.bin/et -o ./src/assets/css //-o是輸出的文件路徑

在這裏插入圖片描述 6. 在vue項目中main.js引用 import ‘./assets/css/index.css’