Element-ui自定義主題換膚

  在使用Element-ui進行項目開發時，咱們會想把那個餓了麼的天藍色換成本身項目的主題色，那如何在本身的項目中實現換膚耶，我此次用的是 使用命令行主題工具生成css文件 的方式換膚

   1. 用vue-cli安裝一個新項目：

   2. 安裝elementUI及sass-loader,node-sass

       

  3.安裝elementui的自定義主題工具

     

 4.初始化變量文件

     

 5. 修改變量

    直接編輯 element-variables.scss 文件，例如修改主題色爲本身所須要的顏色（如： 紫色（purple））

    

 6.編譯主題 

    

    咱們只須要引入theme/index.css便可

 7.引入自定義主題

    最後一步，將編譯好的主題文件引入項目（編譯的文件默認在根目錄下的theme文件下，也能夠經過 -o 參數指定打包目錄），在入口文件main.js中引入