vite安装 sass

要在Vite项目中安装Sass，请按照以下步骤操作：

1. 在终端中进入您的Vite项目的根目录。
2. 运行以下命令来安装Sass：

npm install sass --save-dev

或者使用yarn：

yarn add sass --dev

3. 安装完成后，您需要在您的Vite配置文件（vite.config.js）中配置Sass插件。例如：

import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import sass from 'sass';

export default defineConfig({
  plugins: [vue(), sass()],
});

现在，您可以在您的Vite项目中使用Sass了。只需在您的样式表中编写Sass代码，并将其保存为.scss文件即可。

例如，在您的样式表中，您可以使用Sass的变量和嵌套规则：

$primary-color: #42b983;

.button {
  background-color: $primary-color;
  color: white;

  &:hover {
    background-color: darken($primary-color, 10%);
  }
}