1、安装： npm install sass
2、src下创建style目录，存放scss文件
-
constant.scss：用于放置项目中的sass变量，比如主题颜色，大字体的字号，小字体的字号等等 -
index.scss：用于放置项目中自己封装的一些常用的样式，class类名，比如flex布局，定位，字体等等 -
variables.module.scss：用于scss变量的导出，大部分用于vue文件中js中使用
3、main.ts文件引入，这样在所有的vue文件中，就可以随意使用这些样式了
import "@/assets/style/index.scss"
4、vite.config.ts配置
主要用途是将我们的constant.scss中的scss常量加载到全局，这样我们可以在style标签中，随意使用这些scss常量
variables.module.scss中的变量导入到当前的vue文件中，可以这么写：
