课程名称：2022升级 React18+TS高仿AntD从零到一打造组件库

课程章节： 第4章 组件库起航 - 你真的能写的好看起来简单的 Button 组件吗？

主讲老师：张轩

课程内容：

今天学习的内容包括：

4-4 做一次设计师 - 添加自己的色彩体系
4-5 更多样式变量 - 添加字体变量解决方案

课程收获：

create-react-app默认不支持sass预处理器，需要手动安装

npm install node-sass -save 或者yarn add yarn-sass -save

系统色斑-基础色斑+中性色板

产品色板-品牌色板（2）+ 辅助功能色

npm install node-sass --save

sass ！default不会再重新赋值

中国色 zhongguose.com

组件库样式变量分类

• 基础色彩系统
• 字体系统
• 表单
• 按钮
• 边框和阴影
• 可配置开关