vue切换主题

本文介绍两种elementUI切换主题色的方法

项目示例：https://github.com/yangzm0618/tags

 

1：官方提供的方法，直接修改scss文件达到修改目的，开发人员使用(比官网容易理解，有图有真相)。

2：通过选颜色值在项目中达到换肤目的，用户使用。此方法根据官方主题切换修改而来

先搭建项目：

　　npm install -g vue //全局安装vue

　　npm install -g webpack //全局安装webpack

　　npm install -g vue-cli //全局安装vue-cli

　　---->

　　进入项目目录--->

　　vue-init webpack  my-project （vue init webpack  my-project 这个官方已不用，使用会报错）

　　

 　　然后一次做下去就好了--->

　　安装elementUI ：npm i element-ui -S

　　安装sass: npm install node-sass sass-loader --save-dev

　　项目结构 -----------------运行结果

　　       

 

1. 第一种方法，官方提供的方法，直接修改scss

　　在main.js引入elementUI,以及主题：（主题是可以自己设置下载配置的--官方工具）

　　

　　然后在项目src->assets目录下创建element-variables.scss 内容可以从官网复制过来࿰