vue-cli用于项目构建，iview1用于css框架选择，先安装less支持npminstall--save-devless-loaderless然后到build文件夹下的webpack.base.conf.js文件中添加对.less2.准备工作做好了，开始换皮肤2.1新建一个文件夹styles，在里面新建一个文件theme.less，定义一个.theme()方法，写入需要的颜色参数，如图图：2.2在styles文件夹下新建一个存放各种主题的color.less文件，根据自己的需要定义各种主题。记得将theme.less文件导入@importurl('./theme.less');.theme1{.theme();//默认样式}.theme2{.theme(rgb(141,139,219),#fff,#eee,rgb(130,126,240));}.theme3{.theme(rgb(172,214,200),#615f5f,#fff,rgb(91,139,123));}2.3在main.js中引入color.less文件import'./styles/color.less'2.4在选择主题的.vue文件中，执行如下操作
