element-ui生成自定义主题文件_element-plus主题在线生成

1.安装node-sass

默认使用的是css，但是其中变量分布难以修改，如果需要提取变量则需要使用scss

cnpm i -g node-sass

2.安装主题工具

cnpm i -g element-theme 
cnpm i element-theme-chalk

注意：element-theme不支持node12+版本，element-theme-chalk只能安装在当前目录下

3.生成主题变量文件

et -i
 
√ Generator variables file

生成文件element-variables.scss:

/* Element Chalk Variables */
 
// Special comment for theme configurator
// type|skipAutoTranslation|Category|Order
// skipAutoTranslation 1
 
/* Transition
-------------------------- */
$--all-transition: all .3s cubic-bezier(.645,.045,.355,1) !default;
$--fade-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) !default;
$--fade-linear-transition: opacity 200ms linear !default;
$--md-fade-transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 3